extjs 4 getRowClass更改不可见

时间:2012-03-26 12:07:06

标签: html extjs4

我将以下viewconfig应用于网格面板。它应该根据数据值更改行颜色,但更改在视图中不可见。

.changed_colour {
    background-color: #FFCC00
}

viewConfig: {
    //Return CSS class to apply to rows depending upon data values
    getRowClass: function (row, index) {
        var data = row.data;
        return data.NoteType === 'PRIVATE' ? 'changed_colour' : ''; 
    }
}

我注意到Firebug中行的样式:

<tr class="x-grid-row changed_colour"> 

.x-grid-row .x-grid-cell {
    background-color: white;
    border-color: #FAFAFA #EDEDED #EDEDED;
    border-right: 0 solid #EDEDED;
    border-style: solid;
    border-width: 1px 0;
    font: 11px tahoma,arial,verdana,sans-serif;
}

以上样式代码段属于Extjs。任何人都可以建议解决这个问题吗?

由于

1 个答案:

答案 0 :(得分:6)

这是因为颜色是在网格单元格上设置的。您可以在Firebug或Chrome开发者工具中看到它。要使其工作,请将您的样式更改为:

.changed_colour .x-grid-cell {
    background-color: #FFCC00
}