javascript - 单击菜单项后禁用菜单关闭/隐藏

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) Ext.menu.Item可以设置为 false(默认为 true)。

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

这里很简单 fiddle与 hideOnClick实现的属性(property)。