Ext GridPanel 自定义列的Render

 

colMap: { id : 'invoiceListForDetail',

            columns: [

                {header: "票据ID",   dataIndex: 'tobaccoBizAuditId', hidden: true},

                {header: "发票编号",  dataIndex: 'invoiceNo'},

                {header: "开单时间",  dataIndex: 'invoicingDate'},

                {header: "重量",     dataIndex: 'weight'},

                {header: "金额",     dataIndex: 'amount'},

                {header: "审核状态",  dataIndex: 'auditIsSucc', renderer: auditStateRender}

            ]

}

 

 

定义renderer 方法

 

 

 

var auditStateRender = function(value){

    if (value == "0")

        return "未审核";

    else

        return "已审核"; 

}

 

 

在Ext在调用renderer 方法时, 会向该方法传递以下参数:

 

 

ext api doc :

value : Object
单元格的数据值。The data value for the cell.

metadata : Object
单元格元数据（Cell metadata）对象。你也可以设置下列的属性：

        css : String 
        单元格CSS样式字符串，作用在td元素上。 

        attr : String 
        一段HTML属性的字符串，将作用于表格单元格内的数据容器元素（如'style="color:red;"'）。

record : Ext.data.record
从数据中提取的Ext.data.Record。


rowIndex : Number
行索引。Row index

colIndex : Number
列索引。Column index

store : Ext.data.Store
从Record中提取的Ext.data.Store对象。The Ext.data.Store object from which the Record was extracted.

 

 

在renderer方法中返回(return)的处理结果便是最终被显示在列上的数据.