extjs 4 getRowClass更改不可見

Question

我已將以下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' : ''; 
    } 
} 

我注意到施加用於該行中的螢火蟲的樣式：

<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。任何人都可以提出解決方案嗎？

謝謝

Answer 1

這是因爲顏色設置在網格單元格上。你可以在Firebug或Chrome開發者工具中看到它。爲了使它的工作，改變你的風格：

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