Ext中renderer用法及参数

Ext中 renderer一般用于Grid中对列模型的渲染上 其详细信息记录在 Ext.grid.ColumnModel 中的setRenderer( Number col, Function fn ) 方法里

一、col : Number
The column index
二、fn : Function
The function to use to process the cell's raw data to return HTML markup for the grid view. The render function is called with the following parameters:
1、value : Object
The data value for the cell.(单元格的值)
2、metadata : Object
An object in which you may set the following attributes一个可以设置下边两个属性的对象)
**css : String
A CSS class name to add to the cell's TD element.
(给单元格的TD元素设置CSS的class名称)
**attr : String
An HTML attribute definition string to apply to the data container element within the table cell (e.g. 'style="color:red;"').
(给单元格元素增加一个html的属性)
3、record : Ext.data.record
The Ext.data.Record from which the data was extracted.
(该字段所在行对应的Ext.data.Record对象(整条记录))
4、rowIndex : Number
Row index(行号)
5、colIndex : Number
Column index(列号)
6、store : Ext.data.Store
The Ext.data.Store object from which the Record was extracted.
(数据源对象就是Grid的store/ds)
一共就是六个参数


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