Javascript 如何在extjs4面板中滑出并销毁?

Javascript 如何在extjs4面板中滑出并销毁?,javascript,extjs,extjs4,Javascript,Extjs,Extjs4,如何滑出面板然后关闭 我试着这样做,但它没有删除面板,它只是似乎隐藏 this.el.slideOut('b', {remove: true}); 在面板配置中,我有这个 closable: true, closeAction: 'destroy', 我想做的是滑出面板,然后关闭它。知道这为什么不能从DOM中删除面板吗 请尝试以下代码。希望它能帮助您: var btn = Ext.create('Ext.Button',{ text : 'hide me', handler :

如何滑出面板然后关闭

我试着这样做,但它没有删除面板,它只是似乎隐藏

this.el.slideOut('b', {remove: true});
在面板配置中,我有这个

closable: true,
closeAction: 'destroy',
我想做的是滑出面板,然后关闭它。知道这为什么不能从DOM中删除面板吗


请尝试以下代码。希望它能帮助您:

var btn = Ext.create('Ext.Button',{
  text    : 'hide me',
  handler : function() {
    myPanel.el.switchOff({
      callback : function() {
          myPanel.el.slideOut('b',{remove : true});
           myPanel.destroy();
      }
    });
  } 
});

myPanel = Ext.create('Ext.Panel',{
  width    : 200,
  height   : 100,
  title    : 'Title me',
  frame    : true,
  renderTo : Ext.getBody(), 
  items    :  btn   
});
您可以使用以下链接检查工作样本:


谢谢您的回答,但似乎这也不是销毁面板:(对不起,我不理解您的问题。仅用于销毁,我们使用的是myPanel.destroy();在按钮处理程序中。如果您遇到问题,请告诉我们详细信息。抱歉我的解释。我的意思是销毁是从DOM中完全删除面板检查此项先隐藏,然后单击clickme按钮,如果您有聊天权限,尽管我有疑问,但面板仍然存在