extjs重新激活grid_extjs grid renderer用法

03.grid

Ext.onReady(function(){

/*

var cm = new Ext.grid.ColumnModel([

{header:'编号',dataIndex:'id'},

{header:'性别',dataIndex:'sex',renderer:function(value){

if (value == 'male') {

return "红男";

} else {

return "绿女";

}

}},

{header:'名称',dataIndex:'name'},

{header:'描述',dataIndex:'descn'}

]);

*/

function renderSex(value) {

if (value == 'male') {

return "红男user_male.png";

} else {

return "绿女user_female.png";

}

}

function renderDescn(value, cellmeta, record, rowIndex, columnIndex, store) {

var str = "";

return str;

}

var cm = new Ext.grid.ColumnModel([

{header:'编号',dataIndex:'id'},

{header:'性别',dataIndex:'sex',renderer:renderSex},

{header:'名称',dataIndex:'name'},

{header:'描述',dataIndex:'descn',renderer:renderDescn}

]);

var data = [

['1','male','name1','descn1'],

['2','female','name2','descn2'],

['3','male','name3','descn3'],

['4','female','name4','descn4'],

['5','male','name5','descn5']

];

var store = new Ext.data.Store({

proxy: new Ext.data.MemoryProxy(data),

reader: new Ext.data.ArrayReader({}, [

{name: 'id'},

{name: 'sex'},

{name: 'name'},

{name: 'descn'}

])

});

store.load();

var grid = new Ext.grid.GridPanel({

autoHeight: true,

renderTo: 'grid',

store: store,

cm: cm

});

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值