ExtJs 中Grid根据列表中某列的值,修改整行数据的背景色 ExtJS版本为2.3

这段时间又开始做ExtJS了,需求是要根据列表中某列数据的值,将整行数据的背景色修改掉:

只需要在grid初始化的时候给grid加上一个配置项即可;

var gridCfg = {
		region : 'center',
		store : store,
		anchor : '97.5%',
		border : true,
		autoScroll:true,
		autoWidth:true,
		//master_column_id : 'XLMC',//用于表示那一列会显示树节点的(+,-)符号  setActiveNode
		height : 200,
		cm: colModel,
		viewConfig: {
		     getRowClass: function(record, rowIndex, p, ds) {
		    	 var cls = "";
		    	 var jhzt = record.get("JHZT");
		         switch(jhzt){
			         case '10' : cls = 'x-grid-row-bold-red'; break;
			         case '60' : cls = 'x-grid-row-bold-red'; break;
			         case '20' : cls = 'x-grid-row-bold-yellow'; break;
		         }
		         return cls;
		     },
		     getRowTip:function(){}
		 },
		
	};

这样grid就会根据某列数据的值修改整行的样式。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值