4

サーバーからの応答を受信すると、送信が成功したかどうかに基づいてポップアップが表示される 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
            });
        }
    });
}

ここで、成功の警告メッセージを表示するのではなく、「チェック」アイコンの付いたメッセージ ボックスも表示したいと考えています。Ext.MessageBox.ERROR と同じように ExtJS で利用できるようには見えないので、そこに表示されるカスタム アイコンを作成するにはどうすればよいでしょうか?

4

1 に答える 1

5

アイコン構成オプションは単なる CSS クラスです。次のように新しいものを定義します。

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

次に、設定で：

icon: 'check-icon'

やりたいことをやればいい。

于 2012-11-09T15:58:37.237 に答える