javascript - 如何在extjs4面板中滑出和销毁？

Question

如何滑出面板然后关闭？

我这样试过，但它没有移除面板，它似乎隐藏起来了

this.el.slideOut('b', {remove: true});

在面板配置中我有这个

closable: true,
closeAction: 'destroy',

我想做的是滑出面板然后关闭它。知道为什么这不会从 DOM 中删除面板吗？

问候

Answer 1

试试下面的代码，希望对你有帮助:

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   
});

您可以使用以下链接检查工作示例:

http://jsfiddle.net/kesamkiran/kVbra/14/