Extjs改变行的的颜色

在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这个插件,那么可以通过监听beforeediteditor, context, eOpts )或是editeditor, context, eOpts )这两个事件,进行对表格颜色的动态修改,修改办法为:

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



View source...


你可能感兴趣的:(Extjs改变行的的颜色)