Ext JS网格行背景颜色集

Question

我将如何设置Ext JS Grid行的背景颜色，主要是所选项目。

任何帮助将不胜感激。

Answer 1

要更改选定的行颜色，您必须覆盖适当的CSS类：

.x-grid3-row-selected {
   background-color: red !important;
}

如果要使用该类，也可以覆盖默认的border-color 。

另一方面， getRowClass函数用于使用业务逻辑确定将哪些静态CSS类添加到行中，从而确定受影响的行。 您也可以通过这种方式实现行着色，但不会影响突出显示的行颜色（尽管您也可以编写同时使用两个类的CSS来实现）。

编辑 ：要以编程方式更改行样式，您仍将需要在CSS中静态定义样式，然后根据需要简单地动态添加/删除CSS类。 例如，假设有一个网格和一个ID为“ my-btn”的按钮，则单击该按钮将向网格的第一行添加一个类（可以如上图所示定义.x-grid3-row-selected）。 CSS类中的样式是什么。 由您决定选择行的实际业务逻辑，但这是语法：

Ext.get('my-btn').on('click', function(){
    Ext.fly(myGrid.getView().getRow(0)).addClass('error');
});

Answer 2

@bmoeskau你给的这东西对我不起作用。 我宁愿使用

grid.getView().addRowClass(rowIndex, 'red');

在onDoubleClick函数中。