Question

ExtJS MessageBox 似乎没有阻止像Javascript警报（..）那样。我想显示一个弹出窗口，然后调用和AJAX调用，它将关闭窗口。

如果我这样调用show方法那么......

//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 提醒，则提醒将被阻止。单击“确定”按钮后，将执行回调，之后窗口将关闭。

    //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没有阻止？
我该怎么做才能解决这个问题？
MessageBox是否需要知道要阻止的父窗口？

Answer 1

它不会阻止，因为自定义javascript代码不支持块。正如chrome控制台告诉我们的那样，

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。

ExtJS MessageBox不像alert（..）那样阻止

1 个答案: