2011-12-12 6 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(); 
        } 
       } 
      } 
     ] 

コード:ツールバーを作成するために

EDIT

コード

{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