Extjs改变行的的颜色

最新推荐文章于 2021-09-23 13:56:01 发布

weixin_33978044

最新推荐文章于 2021-09-23 13:56:01 发布

阅读量578

点赞数

文章标签： python

原文链接：https://my.oschina.net/crazybird/blog/375714

版权

2019独角兽企业重金招聘Python工程师标准>>>

在css文件中定义自己想要的背景颜色

/**
请领单样式表
*/
tr.my_row_warning .x-grid-td { background:red}

在grid中配置如下：

viewConfig : {
		getRowClass : function(record, rowIndex, rowParams, store) {
			if (parseFloat(record.get('reqquantity')) > parseFloat(record
					.get('dskLsqty'))) {
				return 'my_row_warning';
			}
		}
	}

如果grid中使用了Ext.grid.plugin.Editing这个插件，那么可以通过监听beforeedit( editor, context, eOpts )或是edit( editor, context, eOpts )这两个事件，进行对表格颜色的动态修改，修改办法为：

// 改变请领数量>大于药库库存数量的行的背景色为红色
		if (columnRecord.get('reqquantity') > columnRecord.get('dskLsqty')) {
			e.grid.getView().getRow(columnRecord.get('rowNo')).style.backgroundColor = '#FFFF00';
		};