如何创建ExtJS5可拖动窗口？

Question

我需要创建一个窗口，将始终可见，除非它是通过单击图标隐藏。再次单击该图标将使该窗口重新出现。图标需要粘贴在窗口的左上角和窗口之外。我计划创建一个没有标题的窗口，有两个项目1:按钮隐藏/显示和2:实际的面板。小提琴可以在：https://fiddle.sencha.com/#fiddle/bi7上找到:我需要使按钮后面的部分透明。有没有办法做到这一点？

Answer 1

您可以手动完成此操作，最好是使用CSS类。下面的代码很粗糙，使用了内联样式，但很有效。将以下侦听器属性添加到按钮

{
    xtype: 'button',
    ...
    listeners: {
        click: function(){
            var panel = Ext.getCmp("togglePanel");
            if (panel.el.dom.style.display == "none") {
                 panel.el.dom.style.display = "block";
            } else {
                 panel.el.dom.style.display = "none";
            }
        }
     }
 }

并将id 'togglePanel包含在包含滑块的绿色面板中。

id: "togglePanel",

点击按钮将显示/隐藏您的面板