行列选择extjs

Question

我需要为 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;}

我遇到的问题是当我 select 一行时，因为 selected 行的背景颜色覆盖了以前的颜色。我可以为该列定义特定的背景颜色吗？

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

Answer 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 class 颜色。这是一个 fiddle 演示

行列选择extjs

Row column selected extjs

css

extjs

html-table

extjs4.2