行列选择了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;}    

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

任何类型的帮助都是有帮助的。

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类的颜色。 这是一个小提琴演示