单击菜单项后禁用菜单 close/hide

Question

我正在使用 ExtJs 5.1 单击菜单项后需要能够不关闭菜单。我的菜单是在这样的按钮内定义的：

Ext.define('ContextualButton', {
extend: 'Ext.button.Button',
alias: 'widget.contextual_help',
menuAlign: 'tr-br',
articleLimit: 5,

listeners: {
    click: function(menu) {
        menu.show();
    }
},

menu: {
    id: 'contextual-menu-list',
    cls: 'contextual-submenu',
    width: 400,
    height: 600,
    shadowOffset: 15,
    scrollable: null,
    margin: '30 0 0 0',

    listeners: {
        click: function(menu, item, e) {
            menu.ownerCmp.onArticleClick(menu, item, e);
        }
    },

提前致谢...

Answer 1

有个hideOnClick property on Ext.menu.Item可以设置为false（默认为true）。

/**
 * @cfg {Boolean} hideOnClick
 * Whether to not to hide the owning menu when this item is clicked.
 */
hideOnClick: true

这里是简单的fiddle with hideOnClick属性实现。

单击菜单项后禁用菜单 close/hide

Disable menu close/hide after click on menu item

javascript

extjs

extjs5