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

行列选择了extjs

1 个答案: