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

这是默认的Menu行为。菜单保持不变，直到通过任何关闭点击停用它。如果您想要更改该行为，可以在菜单上为鼠标离开事件添加一个监听器，并在该点隐藏菜单。 这是你需要的听众：

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