ExtJS: Destroy window with config 'closeAction' set to 'hide'

Question

I have a window with closeAction configured to 'hide' on instantiation:

var myWin = Ext.create('Ext.window.Window', {
    ...
    closeAction:'hide',
    ...
});

Calling close() on myWin therefore simply hides the window. I need to destroy the window in the sense of destroy as implied by the Sencha docs:

remove the window from the DOM and destroy it and all descendant Components. The window will not be available to be redisplayed via the show method.

What did I try? I tried:

1. calling destroy directly on the window object:

   myWin.destroy();
   

2. setting closeAction to destroy prior to calling close():

   win.closeAction='destroy';
   win.close();
   

In both cases, myWin is simply hidden rather than destroyed. Any thoughts?

Answer 1

Method destroy() should successfully remove the window object from the DOM. In order to illustrate this you can check the basic example in JSFiddle.

After calling myWin.destroy() the structure is cleared and it becomes not possible to reinvoke the window with myWin.show().

Answer 2

Are you want to destroy the window.use below code

Ext.getCmp('Window Id').destroy();