Выбранный столбец строки extjs

Question

Мне нужно указать конкретный css для столбца в сетке extjs. Я определяю эту рендерер функцию:

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 класса. Вот fiddle demo