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就会根据某列数据的值修改整行的样式。
阅读更多
个人分类: ExtJS
上一篇游客好久了,切换到博客模式
下一篇配置tomcat使用https协议
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭