72. js EXTJS grid renderer用法

转自：https://blog.csdn.net/shancunxiaoyazhi/article/details/22156083

renderer : Function

（可选的）该函数用于加工单元格的原始数据，转换成为HTML并返回给GridView进一步处理。如不指定，则对原始数据值进行默认地渲染。

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

}

 

extjs grid renderer可以配置6个参数，其中第3个参数可以获以该行的其它数据  record.data["id"]

var cm = new Ext.grid.ColumnModel(
[
new Ext.grid.RowNumberer({ header: "", 20, align: 'center' }),
{ 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:function(value, cellmeta, record, rowIndex, columnIndex, store){

}

]

1.value是当前单元格的值
2.cellmeta里保存的是cellId单元格id

3.record 该行的所有数据，取值 record.data["UserRoleName"]  。
4.rowIndex是行号，计算了分页以后的结果。
5.columnIndex列号。
6.store 表格时候传递的ds