如何更改sencha touch 2中列表中分組標題的背景顏色？

Question

我有一個2組的列表。我想覆蓋給列表中組的標題的默認背景顏色。如何更改sencha touch 2中列表中分組標題的背景顏色？

Answer 1

您可以輕鬆地通過將urle自己的類添加到列表中，並使用chrome開發人員工具查找爲頭定義樣式的類名稱。

添加到列表CLS像

{ 
    xtype: 'list', 
    itemTpl: '<div class="contact2"><strong>{firstName}</strong> {lastName}</div>', 
    disclosure: true, 
    grouped: true,   
    cls:'customHeader', 
    store: store 
} 

添加以下CSS樣式

.customHeader .x-list-header { 
    background-color: red; 
    background-image: none; 
    border-color: red; 
    color: beige; 
} 

要更改基於模型值的標題顏色這個Sencha Fiddle，JSFiddle可能會給你的想法。