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",

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

如何创建ExtJS5可拖动窗口？

1 个答案: