关闭

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

标签: ExtJs 修改Grid整行数据的背景色
105人阅读 评论(0) 收藏 举报
分类:

这段时间又开始做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
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:3782次
    • 积分:105
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:3篇
    • 译文:0篇
    • 评论:1条
    最新评论