extjs的grid控件如何根据值来设置某行的背景颜色

 根据不同的值来设置grid的背景颜色

在viewConfig里面配置getRowClass就行了，例：
先自定义一个CSS：
<style type="text/css">
.my_row_Red table{ background:Red}
</style>
然后在GridPanel里这样写：

var QueryGrid=new Ext.grid.GridPanel({   

1.             frame:true,   
2.             renderTo:document.getElementById("QueryGrid"),   
3.             enableColumnHide:false,   
4.             columns:[   
5.                 {header:'姓名',sortable:true,dataIndex:'Name'},   
6.                 {header:'性别',dataIndex:'Sex'},   
7.                 {header:'年龄',dataIndex:'Age'}   
8.             ],   
9.             store:JQueryStore,   
10.             loadMask: true,   
11.             viewConfig:{forceFit:true,sortAscText:'正序',sortDescText:'降序',getRowClass : function(record,rowIndex,rowParams,store){    
12.                             if(record.data.Sex=="1"){   
13.                                 return 'my_row_Red';   
14.                             }                        }   
15.             }   
16. }）