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

原创 2016年08月29日 10:13:05

这段时间又开始做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 grid设置单元格字体颜色,及单元格背景色

转自:http://blog.csdn.net/suixufeng/article/details/7480170 上面这种是最简单的,设定固定的某单元格中字体颜色。 [javascript]...
  • Trassion
  • Trassion
  • 2013年09月03日 12:28
  • 14075

Extjs grid设置单元格字体颜色,及单元格背景色

上面这种是最简单的,设定固定的某单元格中字体颜色。 //--------------------------------------------------列头 var cm = ne...

根据Extjs中grid列表表头自动排序导出数据的实例

在上个项目中,

ExtJS Grid 改变单元格背景颜色的方法

第一种情况:加载数据时改变列的颜色 首先定义一个样式如下(这里以红色背景为例):     .x-grid-back-red {          background: #FF0000...

ExtJS Grid 改变单元格背景颜色的方法

首先要解决的一个问题是如果判断数据已经加载完毕,最简单的方法是给grid的store添加onload事件。 如果你想有条件地改变某行的背景颜色,则还需要遍历gird的store,这里有个简单的方法即...
  • Elender
  • Elender
  • 2012年10月17日 18:14
  • 374

跟我一起学extjs5(21--模块Grid的多列表方案)

跟我一起学extjs5(21--模块Grid的多列表方案)         对于有很多字段的模块在一个grid中显示所有的字段,会显得很臃肿,对于不同的用户其侧重的字段类型也不尽相同,因此就有必要...
  • jfok
  • jfok
  • 2014年07月21日 08:51
  • 9583

java程序员菜鸟进阶(十一)Extjs4常用功能(三)——列表grid的使用(带综合查询,分页)

在开发中,显示数据库表中的列表功能是很常用的功能,一般列表都会带有综合查询和分页功能,在extjs4中为我们提供了强大的列表grid功能,在此记录一下,算是做个备忘var mystore = Ext....

VC之列表控件背景色设置

  • 2015年04月05日 19:40
  • 3.59MB
  • 下载

Extjs grid checkbox 根据数据初始化选中

背景:根据业务需求,需要在grid里面加载很多数据,再根据每条数据的某个属性确定该条数据是否被选中。 过程:google了一下,发现一个老外提供了下面的方法。 Ext.Ajax.request({ ...

extjs_04_grid(弹出框&行编辑器 增删改数据)

extjs_03_grid(弹出框&行编辑器 增删改数据) 增加,删除表格记录(弹窗口,适用于表字段比较多); 增加,删除表格记录(行编辑器,适合修改字段少)...
  • adam_zs
  • adam_zs
  • 2014年06月24日 00:10
  • 2302
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ExtJs 中Grid根据列表中某列的值,修改整行数据的背景色 ExtJS版本为2.3
举报原因:
原因补充:

(最多只允许输入30个字)