Почему я не могу показать новое Ext.Window дважды

Question

У меня есть HTML с одним div и двумя скриптами с Ext Js 3.4.0

<script type="text/javascript" src="js/listaBancos.js"></script>

В файле listaBancos.js в DivListaBancos отображается кнопка «Сетка с панелью инструментов», при первом нажатии кнопки «Agregar» открывается окно, объявленное в altaBanco.js.

============== Часть сетки в listaBancos.js ============

 tbar:[{
    text:'Agregar',
    tooltip:'Agrega un banco',
    iconCls:'add',
    handler: agregaBanco
}]

function agregaBanco(){
var win =Ext.getCmp('myWin');
win.show();

}

============== Окно объявлено в altaBanco.js ================

var winAltaBanco = new Ext.Window({
    id     : 'myWin',
    height : 250,
    width  : 400,

});

Когда я закрываю окно, затем снова нажимаю кнопку, окна не отображаются.

Можете ли вы помочь мне ???

Answer 1

Действие close по умолчанию для окон - close, то есть оно уничтожает компонент, поэтому к нему нельзя получить доступ, используя Ext.geCmp() снова, так как оно больше не существует на DOM. Чтобы достичь желаемого, установите closeAction : hide или

var cmp = Ext.getCmp('myId');
if(!cmp)
{
cmp = new Ext.Window({
  id : 'myId'
});
}
cmp.show();

Предпочитаю прятаться, чтобы воссоздать.

Answer 2

Нет необходимости делать какие-то трюки, просто удалите свой идентификатор окна.В ExtJS идентификаторы компонентов должны быть уникальными.

Answer 3

Убедитесь, что в настройках окна действие закрытия установлено для скрытия.

closeAction:'hide'

check this