六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 148|回复: 0

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

[复制链接]

升级  23.67%

79

主题

79

主题

79

主题

举人

Rank: 3Rank: 3

积分
271
 楼主| 发表于 2013-2-7 23:17:30 | 显示全部楼层 |阅读模式
根据不同的值来设置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';                            }                        }            }})
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表