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

Posted 2023-02-26

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

【英文标题】：Change title background color in ExtJS Panel

【发布时间】：2018-10-05 07:48:38

【问题描述】：

我有两个面板，我希望它们的标题与 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;

【问题讨论】：

你需要删除捕手才能看到变化

你能说得更具体点吗？

【参考方案1】：

FIDDLE

风格如下：

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

您在面板属性中定义cls：

cls: 'myCls'

【参考方案2】：

Fiddle

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

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

不需要使用cls