带有自定义按钮的ExtJs消息框
带有自定义按钮的ExtJs消息框
提问于 2011-06-07 13:39:37
如何使用自定义按钮显示ExtJS消息框。
我想要一个带有自定义消息和“取消”和“停用”按钮的消息框。请给出一些想法。
buttons: [{
text: "Cancel",
handler: function () {
Ext.MessageBox.hide();
//submitTicketForm();
}
},{
text: "Deactivate",
handler: function () {
Ext.MessageBox.hide();
}
}],我像这样使用它，但没有得到任何按钮。
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-06-07 14:09:18
MessageBox是内部管理的窗口的单个实例，用于提示、显示、警报等。
您可以通过传入buttonText的字符串来更改show，如下所示：
buttons: {ok: "Foo", cancel: "Bar"}参考：MessageBox
buttons: {
ok: "Foo",
handler: function(){
Ext.MessageBox.hide();
},
cancel: "Bar",
handler: function(){
Ext.MessageBox.hide();
}
}Stack Overflow用户
发布于 2011-11-27 20:37:36
在ExtJS 4中，您可以像这样制作自己的组件：
Ext.define('App.view.MyDialog', {
/**
* Shows the dialog.
*/
show: function() {
var dialog = Ext.create('Ext.window.MessageBox', {
buttons: [{
text: 'baz',
iconCls: 'icon-add',
handler: function() {
dialog.close();
}
}]
});
dialog.show({
title: 'foo!',
msg: '<p>bar?</p>',
icon: Ext.MessageBox.WARNING
});
dialog.setHeight(160);
dialog.setWidth(420);
}
});然后：
var dialog = Ext.create('App.view.MyDialog');
dialog.show();Stack Overflow用户
发布于 2014-08-07 14:00:56
使用'buttonText‘而不是'button'，
buttonText: {ok: 'Deactivate', cancel: 'Cancel'},
fn: function(btn) {
if (btn === 'ok') {
Ext.MessageBox.hide();
} else {
Ext.MessageBox.hide();
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6261013
复制相关文章
相似问题
腾讯云开发者
