javascript - 我怎样才能在网格(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

您可以通过重写 GridView 的 getRowClass 方法来自定义网格行的外观(请参阅 Ext JS API )。

引用 API 文档中的示例 - 了解 getRowClass 如何根据条件返回不同的 css 类:

viewConfig: {
    forceFit: true,
    showPreview: true, // custom property
    enableRowBody: true, // required to create a second, full-width row to show expanded Record data
    getRowClass: function(record, rowIndex, rp, ds){ // rp = rowParams
        if(this.showPreview){
            rp.body = '<p>'+record.data.excerpt+'</p>';
            return 'x-grid3-row-expanded';
        }
        return 'x-grid3-row-collapsed';
    }
},

重写该方法后，您只需使用您希望的任何背景颜色等设置 css 定义即可。