Javascript Ext JS网格行背景颜色集

如何设置ExtJS网格行的背景颜色，主要是选定的项目

---

非常感谢您的帮助。

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

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

如果希望使用该类，还可以覆盖默认的

边框颜色

另一方面，
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');
});

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

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

在onDoubleClick函数内部。
是否仍有指向网格并更改未选择的行，例如从另一个JS函数中？addRowCls（HTMLElement/String/Number/Ext.data.Model rowInfo，String cls）