如何在sencha touch 2中更改List中分组标题的背景颜色？

Question

我有一个包含2组的列表。我想覆盖列表中给予组的标题的默认背景颜色。如何在sencha touch 2中更改List中分组标题的背景颜色？

Answer 1

您可以通过将自己的类添加到列表中来轻松完成此操作，并使用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可能会给您一个想法。