如何更改ExtJS4中工具欄的背景色

Question

我正在嘗試更改工具欄的背景顏色。現在，我有一個經典的主題。我希望工具欄背景顏色是深藍色，但是這種顏色變化不適用於所有正在創建的工具欄。有人能指導我如何做這件特別的事情嗎？

在此先感謝..

Answer 1

您也可以嘗試使用"style"配置選項。

Ext.define 'App.your_package.CustomToolbar', 
    extend: 'Ext.toolbar.Toolbar' 
    xtype: 'my-custom-toolbar' 
    style: 'background-color: #112D41;' 

乾杯！

Answer 2

使用CLS配置​​

Ext.create('Ext.toolbar.Toolbar', { 
    ..., 
    cls: 'myBgCls', 
    ... 

，然後CSS來改變背景：

.myBgCls{ 
    background: blue; 
}