extjs grid 整行变颜色_EXTJS根据值Value改变gridpanel单元格背景颜色或者设置整行字体颜色...

第一步. 设置样式

.reportColor4{

background: #93A9C1;

}

.reportColor5{

background: #EEEEEE;

}

第二步.修改单元格样式

header : '流通类型',

width : 80,

sortable : true,

align : 'center',

dataIndex: 'BR_TYPE',

// css : 'background: #acdaf4;', // -----

设置整个单元格的样式，但是不能根据条件变化

renderer:function(v,cellmeta){

if(v==1){ // 判断值类型

cellmeta.css="reportColor4"; // 设置样式

return "

style='color:white'>借出

";

// 改变输出字体颜色

}else if(v==2){

cellmeta.css="reportColor5";

return "

style='color:green'>归还

";

}else{

return "

style='color:blue'>未知

";

}

}

第二步