EXTjs ViewConfig rowclass

Question

Extjsを使用しています。background-colorをグリッドの行から変更したいと考えていました。これまでのところ、私はただ一つの色を変えるしかなかった。ここで

私が持っている私のCSSファイルで私のViewConf

viewConfig: { 
     getRowClass: function (record, index) { 
      switch (record.get('status')){ 
       case 'load': return 'blue-row';break; 
       case 'miss': return 'blue-row';break; 
       case 'Active': return 'green-row';break; 
       default: return 'white-row'; break; 
      } 
     } 
    } 

です：CSSリストの中だけで最初に塗装されて

.green-row .x-grid-cell { 
background-color: #43CE45 ; 
}​ 
.white-row .x-grid-cell { 
background-color: #FFFFFF ; 
}​ 
.blue-row .x-grid-cell { 
background: #C4C4C4; 
}​ 

、その他は無視されます。この場合、緑色の行は緑色に塗りつぶされ、その他の色は塗りつぶされません。私が順序を変えれば、拳だけがグリッドにペイントされます。

グリッド行に複数の色を設定するにはどうすればよいですか？私が見たすべての例では、プライマリとデフォルトの2色を使用しています。

ありがとうございます！

Answer 1

おそらくrecord.get('status')での検証は、missとActiveの場合には該当しません。
あなたのプログラムをデバッグしてみて、これを行うことにより、ステータスを確認します

viewConfig: { 
     getRowClass: function (record, index) { 

      console.log('status => ' + record.get('status')); 

      switch (record.get('status')){ 
       case 'load': return 'blue-row';break; 
       case 'miss': return 'blue-row';break; 
       case 'Active': return 'green-row';break; 
       default: return 'white-row'; break; 
      } 
     } 
    } 

See that fiddle case is working