我有一个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一样以ExtJ的方式使用,所以我想知道如何创建一个自定义图标以显示在那里?
图标配置选项只是CSS类,定义一个新的类别:
.check-icon {
background-image: url(../img/check.png');
background-repeat: no-repeat;
}
然后在配置中:
icon: 'check-icon'
应该做您想要的。