Question

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

怎么样根据不同的值来设置grid的背景颜色呢？请各位高手指教！！

Answer 1

在viewConfig里面配置getRowClass就行了，例：
先自定义一个CSS：
<style type="text/css">
.my_row_Red table{ background:Red}
</style>
然后在GridPanel里这样写：
var QueryGrid=new Ext.grid.GridPanel({
frame:true,
renderTo:document.getElementById("QueryGrid"),
enableColumnHide:false,
columns:[
{header:'姓名',sortable:true,dataIndex:'Name'},
{header:'性别',dataIndex:'Sex'},
{header:'年龄',dataIndex:'Age'}
],
store:JQueryStore,
loadMask: true,
viewConfig:{forceFit:true,sortAscText:'正序',sortDescText:'降序',getRowClass : function(record,rowIndex,rowParams,store){
if(record.data.Sex=="1"){
return 'my_row_Red';
} }
}
}）