zoukankan      html  css  js  c++  java
  • extjs grid renderer 方法参数说明【转】

    extjs grid renderer用法

    今天在做项目时,需要在列表中的某列添加一个超链接,首先要取得当前选中行的数据,判断数据类型,然后链接到不同的页面,研究下。发现ExtJs提供了一个很强的方法如下:

    var cm = new Ext.grid.ColumnModel(
    [
    new Ext.grid.RowNumberer({ header: "", 20, align: 'center' }),
    { header: '', align: 'center', dataIndex: 'AccountAndRoseID', 50, sortable: true, hidden: true },
    { header: '', align: 'center', dataIndex: 'UserAccountId', 50, sortable: true, hidden: true },
    { header: '帐号', align: 'center', dataIndex: 'UserAccountName', 200, sortable: true },
    { header: '角色名', align: 'center', dataIndex: 'UserRoleName', 200, sortable: true },
    { header: '状态', align: 'center', dataIndex: 'UserAccountStateId', 200, sortable: true, hidden: true, renderer: function() }
    ]

    renderer可以格式化该列显示的数据格式或者按照你自定义的脚本显示最终数据样子(我目前是这么理解的)
    先看下renderer: function()里的参数

    renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){

    }
    1.value是当前单元格的值
    2.cellmeta里保存的是cellId单元格id,id不知道是干啥的,似乎是列号,css是这个单元格的css样式。
    3.record是这行的所有数据,你想要什么,record.data["id"]这样就获得了。
    4.rowIndex是行号,不是从头往下数的意思,而是计算了分页以后的结果。
    5.columnIndex列号太简单了。
    6.store,这个厉害,实际上这个是你构造表格时候传递的ds,也就是说表格里所有的数据,你都可以随便调用,

  • 相关阅读:
    docker私有仓库搭建及使用
    服务器ip迁移纪要
    Windows 下QT程序发布
    Prometheus监控软件部署方法
    android的listview控件,加了行内按钮事件导致行点击失效的问题
    惊奇!Android studio内部在调用Eclipse
    关于Android Stuido2.3和Eclipse4.4
    XCODE9.1的一些新问题
    osx12.6设置全屏
    IEEE754浮点数与字节数互转工具
  • 原文地址:https://www.cnblogs.com/lxiang/p/2517917.html
Copyright © 2011-2022 走看看