使 Ext js 菜单保持打开状态

Make Ext js menu stay open

本文关键字:状态 Ext js 菜单      更新时间:2023-09-26

我从一个按钮显示一个ext js菜单,默认行为是当你在菜单外面单击时,菜单被隐藏。在我再次单击按钮之前,如何修复它?

xtype: 'button',
    text: 'MyButton',
    menu: {
        xtype: 'menu',
        showSeparator: false,
        items: [
            {
                xtype: 'colorPickerWidget',
                listeners: {
                    colorchange: {
                        fn: me.onColorPickerWidgetColorChange,
                        scope: me
                    }
                }
            }
        ]
    }
}

您可以使用不同的方法:

在按钮的onClick事件处理程序中,创建一个包含colorPickerWidget的新窗口(Ext.Window )。还要检查您的窗口是否已存在。在这种情况下,请将其隐藏。

创建窗口时,确保属性modal: false(默认值)并设置窗口的位置(x 和 y 属性)。您可以从按钮中获取 2 个值(选中此值)