在ExtJS面板中更改标题背景颜色

Question

我有两个面板，其标题的颜色应该与Ext JS Theme提供的默认颜色不同...

items: [{
        title: 'Blacklist',
        style: {
            backgroundColor: 'red',
            backgroundImage: 'none'
        },
        padding: '5 5 5 5',
        cls: 'blackList',
        items: [
            grid
        ]
    }
]

但是它不起作用。另外，我尝试在styles.css中设置CSS属性，但是它仅更改标题的一部分。

#panel-1091_header-title-textEl{
    background-color: black !important;
}

Answer 1

FIDDLE

这是样式：

.myCls .x-panel-header-default {
    background-color: green;
}

然后在面板属性中定义cls：

cls: 'myCls'

Answer 2

Fiddle

请使用标题并为其应用样式：

title: 'Blacklist',
header: {
    style: {
        backgroundColor: 'red'
    }
},

不需要使用cls