Extjs4，如何在工具栏中autoHide菜单？

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