ExtJs中Ext.Ajax.request实现waitMsg等待提示的方法
作者:小满时间:2026-10-22 04:48:57浏览:302
本文介绍如何在ExtJs中使用Ext.Ajax.request实现类似form.submit的waitMsg等待提示效果。由于Ext.Ajax.request本身不支持waitMsg属性,需通过手动创建Ext.LoadMask组件并在请求前后控制其显示与隐藏来完成加载状态的展示。
Ext.Ajax.request不支持waitMsg属性
在ExtJs中,fp.form.submit方法提供了waitMsg属性,用于设置提交时的等待提示信息,例如: 然而,对于Ext.Ajax.request方法而言,直接使用waitMsg属性是无效的。
fp.form.submit({
url : '',
waitTitle : "[性别]修改",
waitMsg : '正在提交数据,请稍后... ...',
success : function(form, action) {
Ext.MessageBox.alert('提示信息',action.result.msg);
},
failure : function(form, action) {
Ext.MessageBox.alert('提示信息', "更新性别有误!");
}
});
手动实现等待提示效果
为了实现Ext.Ajax.request的等待提示效果,需要手动处理加载状态。具体做法是使用Ext.LoadMask组件来显示提示信息,并在请求成功或失败时隐藏该提示。
Ext.MessageBox.confirm('Message', '请问您确定要修改性别吗?', function(btn) {
if (btn == 'yes'){
var myMask = new Ext.LoadMask(Ext.getBody(), {
msg: '正在提交申请,请稍后!'
});
myMask.show();
Ext.Ajax.request({
url : '',
params : {
sex : sex
},
success : function(response,option) {
var res = Ext.decode(response.responseText);
if(res.success){
myMask.hide();
Ext.MessageBox.alert('提示信息', res.msg);
}else{
myMask.hide();
Hs.util.Msg('提示信息', res.msg);
}
},
failure : function(form, action) {
myMask.hide();
Hs.util.Msg('提示信息', response.msg);
}
});
}
});
以上介绍了ExtJs中Ext.Ajax.request实现waitMsg等待提示效果的方法,希望能帮助到大家。如有任何疑问,欢迎留言,小编会及时回复。感谢大家对本站的支持!
作者最新文章
JS空字符串、null和undefined转数字的结果是什么
2026-11-05 14:49:16
CodePen、JSFiddle与StackBlitz:主流JS在线编辑器对比
2026-11-05 13:38:29
JS怎么将时间戳转换为“刚刚”、“几分钟前”等相对时间
2026-11-05 12:55:14
JavaScript将儒略日逆向还原为公历日期时间的实现方法
2026-11-04 23:51:05
能在我的世界手机版直接修改JS代码吗
2026-11-04 19:02:53
