ExtJs爲Ext.MessageBox創建custon圖標

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 
           }) 
           } 

現在，而不是對成功的警報消息，我想也有一個「檢查」圖標的消息框。它看起來不像Ext.MessageBox.ERROR那樣在ExtJS中可用，所以我想知道如何創建自定義圖標以顯示在那裏？

Answer 1

圖標配置選項只是一個CSS類，定義了一個新的名字：

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

然後在配置：

icon: 'check-icon' 

應該做你想要什麼。