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

Disable menu close/hide after click on menu item

本文关键字：单击 菜单项 隐藏 菜单      更新时间：2023-09-26

我使用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);
        }
    },

在Ext.menu.Item上有一个hideOnClick属性，可以设置为false(默认为true)。

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

这里是对hideOnClick属性实现的简单操作

相关文章：