Ext js 消息框 - 無法在 IE7 中打開

Question

我正在使用 Ext js MessageBox 在我的應用程序中顯示一些警告消息。 代碼如下所示：

Ext.MessageBox.show({
            title: 'Confirm',
            msg: "Some warning message",
            icon: Ext.MessageBox.WARNING,
            buttons: Ext.MessageBox.OKCANCEL,
            fn: function(btn) {
                if (btn === 'ok') {
                    //Some functionality
                    if (condition) {
                        **showTaxIdWarningMessage();**
                    } else {
                        //some code
                    }
                } else {
                    // some code
                }
            }
        });

showTaxIdWarningMessage(); 功能如下：

function showTaxIdWarningMessage() {
    Ext.MessageBox.show({
        title: 'Confirm',
        msg: 'Second warning message',
        icon: Ext.MessageBox.WARNING,
        buttons: Ext.MessageBox.OK,
        fn: function(btn) {
            if (btn === 'ok') {
                //some functionality
            }
        }
    });
}

此代碼在 Chrome 和 IE11 上完美運行。 意思是，我能夠毫無問題地顯示兩個警告消息。

當我必須在 IE7 上顯示這些警告消息時，真正的問題就出現了（該應用程序在更高的環境中以兼容模式查看）。 在 IE7 上，我留下以下錯誤消息：

SCRIPT5007: Unable to get property 'addCls' of undefined or null reference
ext-all-dev.js (133868,21)

應用程序中使用了 Ext js 版本 4。 我正在嘗試調試以找到問題，但到目前為止，我什么也沒找到。 任何幫助深表感謝。

Answer 1

根據他們的 doc ，Ext.js 4 僅支持 IE6 及更高版本。 如果您支持 IE5，我建議您使用不同的框架。

Answer 2

我想我在這里犯了一個天真的錯誤。 修改以下代碼對我有用：

Ext.onReady(function() {
            .......
            functionWithMessageBoxCode();
            .......
        });

上述更改使我的代碼在 IE7 和 Chrome 上也能正常工作。 把它貼在這里，認為它可能會幫助其他使用 Ext js 的菜鳥開發人員。