Extjs Grid根据行内容设置不用字体颜色

来源:互联网 发布:矩阵测光怎么设置 编辑:程序博客网 时间:2024/06/05 02:15

Extjs显示的数据,根据不同行的数据,设置不同的字体颜色。在Grid的配置viewConfig中,添加getRowClass方法的实现即可:

viewConfig : {                forceFit:true,                enableRowBody: true,getRowClass : function(record, index) {                     console.log("enter");var c = record.get('statusCaption');                    console.log("statusCaption="+c);if (c == '离职') {                        console.log("return red");return 'red';}return '';}}

需要注意的一点是,grid最终的显示,一行是以一个div来表示的,里面又嵌套了table。样式的设置是在div上的。所以样式表的定义,应该是这个样子的:

.red tr{color:red}


原创粉丝点击