我如何从网格中的跨度到行（EXTJS）？

Question

下面的代码对单元格中的文本进行颜色更改。是否可以应用它来应用整行背景颜色????

function dataindex(val){
        if(val > 0){
            return '<span style="color:green;">' + val + '%</span>';
        }else if(val < 0){
            return '<span style="color:red;">' + val + '%</span>';
        }
        return val;
    }

Answer 1

您可以通过覆盖getRowClass的{​​{1}}方法来自定义网格行的外观（请参阅Ext JS API）。

API文档中的引用示例 - 请参阅getRowClass如何根据条件返回不同的css类：

GridView

覆盖方法后，您只需要设置您想要的任何背景颜色等的css定义。

Answer 2

就像Tommi所说，getRowClass是您想要使用的。如果您确实要明确设置颜色，可以将样式追加到rowParams.tstyle：

viewConfig: {
    getRowClass: function(record, rowIndex, rowParams, store) {
        rowParams.tstyle += "color: green;";
    }
},

但通常最好只从getRowClass返回一个类名，并在CSS文件中定义确切的颜色。