在 ExtJS 面板中更改標題背景顏色

Question

我有兩個面板，我希望其標題的顏色與 Ext JS 主題提供的默認顏色不同...

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

小提琴

這是樣式：

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

然后在面板屬性中定義cls ：

cls: 'myCls'

Answer 2

小提琴

請使用標題並對其應用樣式：

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

不需要使用cls