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' : ''; 
    } 
} 

Iは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のに属します。誰かがこれに対する解決策を提案できますか？色は、グリッドセルに設定されているので、これがある

おかげ

Answer 1

。 FirebugやChrome Developer Toolsで見ることができます。スタイルを変更するには、スタイルを次のように変更してください。