使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和y属性）。 您可以从按钮中获得2个值（选中此按钮）