这段时间又开始做ExtJS了,需求是要根据列表中某列数据的值,将整行数据的背景色修改掉:
只需要在grid初始化的时候给grid加上一个配置项即可;
var gridCfg = {
region : 'center',
store : store,
anchor : '97.5%',
border : true,
autoScroll:true,
autoWidth:true,
//master_column_id : 'XLMC',//用于表示那一列会显示树节点的(+,-)符号 setActiveNode
height : 200,
cm: colModel,
viewConfig: {
getRowClass: function(record, rowIndex, p, ds) {
var cls = "";
var jhzt = record.get("JHZT");
switch(jhzt){
case '10' : cls = 'x-grid-row-bold-red'; break;
case '60' : cls = 'x-grid-row-bold-red'; break;
case '20' : cls = 'x-grid-row-bold-yellow'; break;
}
return cls;
},
getRowTip:function(){}
},
};
这样grid就会根据某列数据的值修改整行的样式。