ExtJS MessageBoxは警告（..）のようにブロックしません

Question

ExtJS MessageBoxはJavaScriptのアラート（..）のようにブロックされていないようです。ポップアップを表示してから、AJAXコールを呼び出すと、ウィンドウが閉じられます。

私は..noポップアップが表示されている...

//Alert Box : 
var alertBox = Ext.create('Ext.window.MessageBox'); 
var config = { 
    title : 'Title', 
    closable: true, 
    msg: 'Message', 
    buttons: Ext.Msg.OK, 
    buttonText: { ok: EML.lang.buttons.ok }, 
    modal: true 
}; 
alertBox.show(config); 


//callback 
Ext.Ajax.request({ 
    url: someURL, 
    method: 'POST', 
    callback: function (options, success, response) { 
     //do some stuff 
     self.up('window').destroy(); 
    } 
}) 

、このようなショーメソッドを呼び出すと、しかし、親ウィンドウが閉じています。

標準のJavascript アラートを使用すると、アラートがブロックされます。 OKボタンをクリックすると、コールバックが実行された後、ウィンドウが閉じます。

//Alert Box : 
    alert('asdf') 


    //callback 
    Ext.Ajax.request({ 
     url: someURL, 
     method: 'POST', 
     callback: function (options, success, response) { 
      //do some stuff 
      self.up('window').destroy(); 
     } 
    }) 

• なぜメッセージボックスはブロックしませんか？
• この問題を回避するにはどうすればよいですか？
• MessageBoxは何らかの理由でブロックする親ウィンドウについて知る必要がありますか？

Answer 1

ブロックがカスタムJavaScriptコードでサポートされていないためブロックされません。クロームコンソールからわかるように、

window.alert 
function alert() { [native code] } 

ネイティブコードで実行をブロックすることができます。 ExtJSので

、あなたがこのようなメッセージボックスのコールバックを記述します。

//Alert Box : 
var alertBox = Ext.create('Ext.window.MessageBox'); 
var config = { 
    title : 'Title', 
    closable: true, 
    msg: 'Message', 
    buttons: Ext.Msg.OK, 
    buttonText: { ok: EML.lang.buttons.ok }, 
    modal: true, 
    callback:function(btn) { 
     //callback 
     Ext.Ajax.request({ 
      url: someURL, 
      method: 'POST', 
      callback: function (options, success, response) { 
       //do some stuff 
       self.up('window').destroy(); 
      } 
     }) 
    } 
}; 
alertBox.show(config); 

、このようなコールバックが深くネストされている場合は、私はこのようなコールバック平坦にする傾向がある：で

var store = me.down('grid').getStore(), 
    callback3 = function(btn) { 
     if(btn=="yes") store.sync(); 
    }, 
    callback2 = function() { 
     Ext.Msg.prompt('A','Third', callback3); 
    }, 
    callback1 = function() { 
     Ext.Msg.alert('A','Second', callback2); 
    }; 
Ext.Msg.alert('A','First', callback1); 

をExtJSの新しいバージョンでは、Ext.Promiseをチェックアウトできますが、ExtJS 4.1ではチェックアウトできません。