extjs—renderer

Extjs的renderer关健字可以通过一个方法改变当前绑定的数据显示内容

//新闻状态方法
function getStatusText(value)
{
var result = '禁用';
switch(value){
case 0:
result = '禁用';
break;
case 1:
result = '启用';
break;
}
return result;
}

//返回新闻内容链接地址(value:当前字段值,p:不知道是啥,record表示当前记录,不需要定义)
function getNewsContent(value,p,record)
{
return String.format(
''+ GetLeft(value,10,"..") +' (查看)',record.data.ID)
}
var grid = new Ext.grid.GridPanel({
id: 'gridPaging',
renderTo: 'divPaging',
.......
columns:[
selModel,
new Ext.grid.RowNumberer(), // 自动行号,
{
header: "新闻ID",
dataIndex: 'NewsID',
width: 50,
hidden: false,
sortable: true
},{
header: '新闻标题',
dataIndex: 'Name',
width: 100,
hidden: false,
sortable: true
},{
header: '新闻状态',
dataIndex: 'Status',
renderer: getStatusText, //调用一个方法getStatusText, 通过当前vlaue来改变值
width: 50,
sortable: true
},{
header: '新闻内容,
dataIndex: 'Status',
renderer: getNewsContent, //调用一个方法getNewsContent,返回一个超级链接 width: 50,
sortable: true
}

你可能感兴趣的:(extjs—renderer)