Question

ExtJS 的 alert 提示窗可以设置成原生 javascript 那样阻塞后续代码执行吗?

同标题

javascript alert 难看,想用 extjs 的 alert

但又想要 原生script alert 那样的 阻塞功能

求解决

谢谢

Answer 1

可以使用自定义的弹窗Ext.Msg.show()，如下例是在保存extjs某表单时执行的函数，它先验证了短信内容，不合法时提示并退出，合法时才会提交保存：
function onSave(btn){
var contentObj = Ext.getCmp('content');
var msgContent = contentObj.getValue();
var re = /<{(.*}>)/;
if(re.test(msgContent)){ //如果查不合法则给出提示
Ext.Msg.show({
title: "警告", width:280,
msg: '此处不允许使用占位符，请修改后再保存！！',
buttons: Ext.MessageBox.OK,
closable: true,
icon: Ext.MessageBox.WARNING,
fn:function(btn){
if(btn == 'ok'){ //点击确定后重新获取焦点以便修改
contentObj.focus(true.true);
}
}
return false; // 退出，不再继续往下执行！
});
onsubmit(btn,oform); //提交保存
}
ps：排版一直乱的。。你复制到编辑器弄一下再看吧。很简单的。