如何在extjs4面板中滑出並銷燬？

Question

如何滑出面板然後關閉？

我想這樣的，但它不會刪除面板，它只是似乎在面板配置藏匿

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

我有這個

closable: true, 
closeAction: 'destroy', 

我想做的事是滑出面板然後關閉它。任何想法，爲什麼這不會從DOM刪除面板？

問候

Answer 1

請嘗試以下code.Hope它會幫助你：

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/