如何创建ExtJS5可拖动窗口？

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

来源

2014-10-09 user1640256

我认为你必须使用CSS ..当你点击显示更改CSS让面板可见，以使其显示...同样改变CSS隐藏..当做这些不做任何改变es按钮 – 2014-10-10 03:21:33

你会手动做到这一点，理想情况下与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",

单击该按钮会显示您的绿色面板/隐藏面板

来源

2014-10-23 13:09:46

已经完成。无论如何，感谢您的帮助:) – user1640256 2014-10-27 06:26:10

如何创建ExtJS5可拖动窗口？

回答

相关问题