ExtJS按钮样式工具栏

Question

我想知道是否可以将一个按钮放入面板的工具栏中，但是它保留了一个按钮的外观，就好像它只是在一个普通的面板中一样。

例如，我希望按钮看起来像这样：

然而，它看起来像这样：

非常感谢！

修改

创建工具栏的代码：

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类。

Answer 1

我有完全相同的问题。要解决这个问题，我将其传递给按钮：

cls:'x-btn-default-small'

Answer 2

添加此

ctCls: 'x-btn-over'

按钮配置在Ext 2.2.1

中解决了我的问题

Answer 3

这个链接似乎正好回答了我想要的内容。

看看zombeerose对3.0解决方案的回应。

http://www.sencha.com/forum/showthread.php?57130-Toolbar-button-style