javascript – Ext JS网格行背景颜色集

前端之家收集整理的这篇文章主要介绍了javascript – Ext JS网格行背景颜色集前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我将如何设置Ext JS Grid行的背景颜色,主要是选择的项目.

任何帮助将不胜感激.

解决方法

要更改选定的行颜色,您必须覆盖相应的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');
});
原文链接:https://www.f2er.com/js/156324.html

猜你在找的JavaScript相关文章