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/

如何在extjs 4面板中滑出并销毁？

1 个答案: