Extjs : 창을 닫기 전에 확인 메시지가 필요합니다.

Question

Ext.window가 있는데 사용자가 창에서 닫기 버튼을 클릭하거나 기본 [x]를 사용하여 창을 닫으려고하기 전에 확인 메시지를 표시하고 싶습니다. ] 버튼을 누르거나 Esc 키를 누르십시오. 나는이 목적을 위해 다음과 같은 코드를 가지고있다.

   closeWindow: function(){ 
         Ext.Msg.show({ 
         title: 'Confirm or Cancel', 
         msg: 'Are you sure you want to close this window?', 
         buttonText: {ok: 'Yes', cancel: 'No'}, 
         icon: Ext.Msg.WARNING, 
         scope: this, 
         width: 400, 
         fn: function(btn, text){ 
         if (btn == 'ok'){ 
         clearInterval(this.myIntervalTimer); 
         this.cleanEvents(null, null, this.identifier); 
         this.view.destroy(); 
        } else { 
        return; 
       } 
       } 
      }); 
      } 

이 코드는 창에서 닫기 버튼을 클릭하면 올바르게 작동합니다. 그러나 기본 닫기 [x] 또는 esc 키를 누르면 extjs의 비동기 특성으로 인해 확인 메시지가 표시되기 전에 창이 사라집니다. 확인 메시지가 표시되면 창이 없으므로 관련성이 없어집니다. beforeClose 이벤트를 사용해 보았지만 사용하지는 못했습니다.

extjs에서 어떻게 달성 할 수 있는지 제안이나 아이디어?. 덕분에 ...

Answer 1

테스트는 다음, 그것은 나를 위해 작동하십시오

Ext.create('Ext.window.Window', { 
     title:'Test' 
     ,width:400 
     ,height:300 
     ,autoShow:true 
     ,listeners:{ 
      beforeclose:function(win) { 
       if(win.closeMe) { 
        win.closeMe = false; 
        return true; 
       } 
       Ext.Msg.show({ 
        title:'Close confirmation' 
        ,msg:'Really close?' 
        ,buttons:Ext.Msg.YESNO 
        ,callback:function(btn) { 
         if('yes' === btn) { 
          win.closeMe = true; 
          win.close(); 
         } 
        } 
       }) 
       return false; 
      } 
     } 
    });