gridPanel设置行变色

最新推荐文章于 2021-01-10 11:36:26 发布

原创最新推荐文章于 2021-01-10 11:36:26 发布 · 215 阅读

0 ·

CC 4.0 BY-SA版权

Extjs 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种在JavaScript中根据数据属性动态改变表格行显示样式的实现方法。具体来说，当表格某一行的数据属性is_disabled等于'2'时，该行文字颜色将变为'#9D9D9D'。此外，还提供了两个触发样式更新的方法：doStoreLoad和dbSortchange。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

doStoreLoad: function() {
		this.setContentStyle();
	},
	dbSortchange: function() {
		this.setContentStyle();
	},
	setContentStyle: function() {
		var total =  this.grid.store.getCount(),view = this.grid.getView();
		for(var i=0 ;i<total;i++) {
			var record = this.grid.store.getAt(i);
			var row = view.getRow(i);
			if(record.data.is_disabled == '2') {
				row.style.color='#9D9D9D';
			}
		}
	}