行列选择extjs答案

【问题标题】：Row column selected extjs行列选择extjs
【发布时间】：2015-01-26 12:34:48
【问题描述】：

我需要为 extjs 网格中的列提供特定的 css。我定义了这个渲染器函数：

render_alarm_color: function (value, metadata, record, rowIndex, colIndex, store){
        metadata.css = 'alarm-'+record.data.alarm;
        return value;
}

与该列关联的 css 规则例如：

.alarm-0 {color:#FFFFFF; background:#FF3D4A !important;}
.alarm-1 {background:#67FF59 !important;}

我遇到的问题是当我选择一行时，因为所选行的背景颜色会覆盖以前的颜色。我可以为列定义特定的背景颜色吗？

任何形式的帮助都是有帮助的。

【问题讨论】：

标签： css extjs html-table extjs4.2

【解决方案1】：

您应该能够只更改这些行：

.alarm-0 {color:#FFFFFF; background:#FF3D4A !important;}
.alarm-1 {background:#67FF59 !important;}

到

.alarm-0, .x-grid-row-selected > .alarm-0 {color:#FFFFFF; background:#FF3D4A !important;}
.alarm-1, .x-grid-row-selected > .alarm-1 {background:#67FF59 !important;}

这应该覆盖x-grid-row-selected 类颜色。这是一个fiddle 演示

【讨论】：