Make Ext js菜单保持打开状态

Question

我正在显示一个按钮的ext js菜单，默认行为是当你点击菜单外面时隐藏菜单。在再次单击按钮之前，如何修复它？

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

Answer 1

您可以使用其他方法：

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

创建窗口后，确保属性modal: false（默认值）并设置窗口的位置（x＆amp; y属性）。您可以从按钮中获取2个值（选中this）