extjs中renderer的使用方法

var reader = new Ext.data.ArrayReader({}, [

       {name: 'wpcCd'},

       {name: 'yr'},

       {name: 'wiuNm'},

       {name: 'wpcSn'},

       {name: 'applYrWw'},

       {name: 'apprYrWw'},

       {name: 'gwWw'},

       {name: 'orgNm'},

       {name: 'apprDt'},

       {name: 'nt'},

       {name: 'cz'},

       {name: 'cz'},

    ]);

{header: '<div style="text-align:center">取水单位</div>', width: 5,  dataIndex: 'wiuNm',

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

return "<span style='color:blue' οnclick='detail(/"+record.data['wpcCd']+"/)'>"+value+"</span>";

}

}

可以直接在header里面的后面增加属性

renderer：function（value, cellmeta, record, rowIndex, columnIndex, store）{}

其中value：表示这一行原本获得的要表示出来的单一数据

Record：表示这一行所有的数据，即通过字符串传递过来的这一行的所有的数据

通过record.data['wpcCd'] 获取你想得到的在这一行中的数据

 

所以可以在后台拼接字符串的时候，将你要用到的数据通过拼接“*”的方式增加进去，然后在ext.js文件中增加name字段，通过record.data['wpcCd']获取数据

由于js解析问题，在如上写入方法时，在前台点击“取水单位”时，会出现解析错误的问题，即不能将detail（record.data['wpcCd']）方法中的参数当成字符串解析，所以我在参数前后各加了一个/，成功解析然后在后台去掉首尾的/，获得参数