javascript - ExtJs 为 Ext.MessageBox 创建自定义图标

Question

我有一个 ExtJs 表单，它在收到服务器的响应后会根据提交是否成功显示一个弹出窗口。代码如下所示:

if (form.isValid()) {
    form.submit({
        success: function (form, action) {
            Ext.Msg.alert('Success', action.result.msg);
        },
        failure: function (form, action) {
            Ext.MessageBox.show({
                title:'Failure',
                msg: action.result.msg,
                buttons: Ext.MessageBox.OK,
                icon: Ext.MessageBox.ERROR
            });
        }
    });
}

现在，我不希望有成功的警告消息，还希望有一个带有“检查”图标的消息框。它看起来不像在 ExtJS 中以与 Ext.MessageBox.ERROR 相同的方式可用，所以我想知道如何创建自定义图标以显示在那里？

Answer 1

图标配置选项只是一个 CSS 类，定义一个新的类:

.check-icon {
    background-image: url(../img/check.png');
    background-repeat: no-repeat;
}

然后在配置中:

icon: 'check-icon'

应该做你想做的。