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();
      }
 }