2011-12-12 93 views
9

我想知道是否可以将按钮放到面板的工具栏中,但它保留了按钮的外观,就好像它只是在一个普通的面板中一样。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类。

+0

请包括您已经尝试代码.. –

回答

4

我有相同的问题。要解决,我通过这个进按钮:

cls:'x-btn-default-small' 
+0

一旦你翻转按钮,该类不会被删除? – reergymerej

+0

这不适用于IE8 –

2

添加此

ctCls: 'x-btn-over' 

到按钮的配置来解决这个问题,我在内线2.2.1