Question

EXTJS问题， Ext.grid.ColumnModel根据加载值让所在行变其他颜色

如图，是用extjs做的，如何根据交易标志的成功和失败来让该行的背景色变成红色，或者整行字体编程颜色

贴出部分代码

this.cm = new Ext.grid.ColumnModel({
defaultSortable : true,
columns : [new Ext.grid.RowNumberer({
header : '行号',
width : 40
}),{
header : '终端号',
dataIndex : 'devId',
width : 80
}, {
header : '营业厅',
dataIndex : 'city',
width : 80
}, {
header : '安装地址',
dataIndex : 'bizShop',
width : 200
}, {
header : '交易流水号',
dataIndex : 'paySerialNum',
width : 130
}, {
header : '结算流水号',
dataIndex : 'sellId',
width : 120
}, {
header : '交易时间',
dataIndex : 'payTime',
width : 120
},{
header : '交易金额',
dataIndex : 'cashMoney',
width : 90
},{
header : '电话号码',
dataIndex : 'mobile',
width : 80
}, {
header : '交易标志',
dataIndex : 'flag',
width : 68
}, {
header : '缴费方式',
dataIndex : 'payType',
width : 68
}]
});

Answer 1

增加gridpanel的viewConfig如下：
viewConfig:{
getRowClass:function(record,rowIndex,p,ds){
var cls = '';
if (record.data.isSuccess== 1){
cls = 'cls-success';
}else
cls = 'cls-failure';
}
return cls;
}
},
其中需要定义css样式（'cls-success'和'cls-failure'）；
通过样式改变整行背景

Answer 2

顶.