Как преодолеть и уничтожить панель 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/