一千萬個為什麽

搜索

ExtJS按鈕樣式工具欄

我想知道是否可以將一個按鈕放入面板的工具欄中,但是它保留了按鈕的外觀,就像它只是在一個普通的面板中一樣。

例如,我希望按鈕看起來像這樣:

Button Style

但是,它看起來像這樣:

Toolbar Button

非常感謝!

修改

創建工具欄的代碼:

xtype: 'toolbar',
        items:
        [
            {
                xtype: 'button',
                text: 'Select bounding box on map',
                id: 'bbBoxButton',
                icon: 'img/cross_cursor.gif',
                listeners: {
                    click: function(){
                        polygonControl.activate();
                    }
                }   
            }
        ]

用於創建常規按鈕的代碼:

{xtype: 'button',    id: 'bboxButton', text: 'Select bounding box on map', icon: 'img/cross_cursor.gif', listeners: {click: function(){polygonControl.activate()}}}

我相信我必須使用按鈕的cls配置,但我似乎無法找到合適的css類。

最佳答案

我有完全相同的問題。要解決,我將其傳遞給按鈕:

cls:'x-btn-default-small'

轉載註明原文: ExtJS按鈕樣式工具欄