行列選擇了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類的顏色。 這是一個小提琴演示