日期:2014-05-16  浏览次数:20575 次

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

在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';
                            }                        }
            }
})