• 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,也就是说表格里所有的数据,你都可以随便调用,

  • 相关阅读:
    Prototype源码浅析——String部分(四)之补充
    改造alert的引发的争论【基本类型与引用类型】
    Eclipse rcp 窗口激活
    Eclipse statusLine 加入进度信息
    线的匹配
    python 文本搜索
    Eclipse rcp 编辑器行号显示
    CDT重建索引
    Eclipse rcp 数据存储
    CTabFolder 最大最小化
  • 原文地址:https://www.cnblogs.com/lxiang/p/2517917.html
Copyright © 2020-2023  润新知