extjs grid 整行变颜色_extjs 更改grid某一行的颜色

extjs 3.2.1更改grid某一行的样式是非常的简便：

以下以更改某一行的背景色作例子:

首先定义CSS：如下：

.price-fall table{

background-color:Red;

}

.price-rise table{

background-color:Green;

}

.totalBack table{background-color:Yellow;}

然后将grid中的viewconfig进行更改：

viewConfig:{

stripeRows:false,

getRowClass : function(record, rowIndex){//CSS class name to add to the row.获得一行的css样式

if(record.get('CustomerName')=='合计')

{

return 'totalBack';

}

if(record.get('OverDue')>0){

return 'price-rise';

}

}

},

而在4.1.0中就比较麻烦：

需要找到它的html内容进行设置：

var tr = grid.getView().getNode(gridcount);

var childNodes = tr.childNodes;

for(var i=0;i

{

var tdDiv = childNodes[i].childNodes[0];

tdDiv.style.backgroundColor = "#B0FFC5";

}

现在还没有找到更好的方法