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

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
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值