Extjs 4、ツールバーのメニューを自動隠す方法は？

Question

ツールバーのボタンをクリックすると、メニューが開き、開いたままになります。

だから私はドロップダウンメニューボックスを隠すためにクリックする必要があります。それは私が期待するものではありません。

誰かがツールバーのメニューを自動的に非表示にする方法を知っていますか？デフォルトのメニューの振る舞いをある

{ 
    xtype: 'toolbar', 
    itemId : 'mainMenu', 
    items: [ 
    { 
     text : 'Main Menu 1', 
     menu : { 
     xtype: 'menu', 
     items : [ 
      { 
      xtype: 'button', 
      text: 'Contacts', 
      itemId : 'extjs' 
      },{ 
      xtype: 'button', 
      text: 'Orders', 
      itemId: 'extjs2' 
      } 
     ] 
     } 
    },{ 
     text : 'Main Menu 2', 
     xtype : 'button', 
     itemId : 'extjs3' 
    } 
    ] 
} 

Answer 1

：

は、ここに私のコードです。オフ・クリックによってメニューが非アクティブになるまで、メニューはそのまま残ります。その動作を変更したい場合は、メニューにマウス離脱イベントのリスナーを追加し、その時点でメニューを非表示にすることができます。 必要なリスナーは次のとおりです。

listeners:{ 
    'mouseleave': function(menu, e, eOpts){ 
      console.log('bye bye '); 
      menu.hide(); 
     } 
}