zoukankan      html  css  js  c++  java
  • ExtJS renderer的用法 .

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

  • 相关阅读:
    20210805-接口测试实战(持续更新中···)
    2021-07-06:关于自动化测试
    学习记录-更新时间-2021-04-09
    知识点@解决端口被占用的问题
    PS学习笔记
    JS去掉数组中重复的数
    验证码倒计时
    统计数组中出现最多的字母及次数
    验证码倒计时js
    小兔鲜css
  • 原文地址:https://www.cnblogs.com/hanyun/p/2453438.html
Copyright © 2011-2022 走看看