Как проверить, открыто ли окно перед открытием нового

Question

Я создаю окно одним нажатием кнопки. Если я нажимаю кнопку более одного раза, она открывает окно каждый раз, когда я нажимаю на него. Как я могу проверить сначала, если окно уже открыто? Если открыть, закройте его и если не откроете новый.

Я использую следующий код для отображения окна с использованием extjs.

var modiwin = Ext.create('widget.window', { 
    height: 70, 
    width: 110, 
    title: 'Editing', 
    closable: true, 
    autoScroll: false, 
    collapsible: true, 
    //modal:'True', 
    maximizable: false, 
    resizable:false, 
    items: [mdsavebtn,mddelbtn] 
}); 
modiwin.setPosition(175,55); 
modiwin.show(); 

Answer 1

Если код находится внутри функции обработчика или что-то, вот что я обычно делаю:

handler: function(button){ 
    if(!button.modiwin) 
    { 
     button.modiwin = Ext.create('widget.window', { 
      height: 70, 
      width: 110, 
      title: 'Editing', 
      closable: true, 
      autoScroll: false, 
      collapsible: true, 
      //modal:'True', 
      maximizable: false, 
      resizable:false, 
      items: [mdsavebtn,mddelbtn] 
     }); 
    } 
    button.modiwin.setPosition(175,55); 
    button.modiwin.show(); 
} 

Таким образом, кнопка может держаться ссылки на окна и всегда проверить, если он существует, прежде чем создавать его снова.

Answer 2

Добавить слушателя на close события окна для отслеживания состояния окна. По существу, что даст что-то вроде следующего. Вероятно, вы должны упорядочить код немного лучше, чем в этом примере, сохраняя ссылку на окно в свойстве класса вместо переменной области видимости, как я, например.

var modiwin = null; 

function showModiWin() { 
    modiwin = Ext.widget('window', { 
     height: 70, 
     width: 110, 
     title: 'Editing', 
     closable: true, 
     autoScroll: false, 
     collapsible: true, 
     //modal:'True', 
     maximizable: false, 
     resizable:false, 
     items: [mdsavebtn,mddelbtn] 
    }); 

    modiwin.on('close', function() { 
     // ensure the old window is cleaned out (in case its close 
     // action just hides it) 
     modiwin.destroy(); 

     // remember we don't have a window anymore 
     modiwin = null; 
    }); 

    modiwin.setPosition(175,55); 
    modiwin.show(); 
} 

Ext.widget('button', { 
    renderTo: Ext.getBody() 
    ,text: "Open window" 
    ,handler: function() { 
     // close the previous window, if any 
     if (modiwin) { 
      modiwin.close(); 
     } 
     showModiWin(); 
    } 
}); 

Answer 3

Вы также можете установить идентификатор окна и проверить WindowManager (используя each()), чтобы узнать, уже ли это окно в наборе. См http://docs.sencha.com/extjs/4.0.7/#!/api/Ext.WindowManager