Ext 的Ajax 请求,添加mask 等待效果。
2012-10-31 15:09
381 查看
今天在做 Ext.Ajax.request({});的觉得需要Mask遮挡的效果
方法一 :(标红部分)
方法二:(标红部分)
方法一 :(标红部分)
{ text: "删除", iconCls: "btn-del", scope: this, handler: function() { var f = this.centerPanel; var d = f.getSelectionModel().getSelections(); if (d.length == 0) { Ext.ux.Toast.msg("信息", "请选择要删除的记录!"); return; } var g = Array(); for (var e = 0; e < d.length; e++) { g.push(d[e].data.dicId); } Ext.Msg.confirm("信息确认", "您确认要删除所选记录吗?", function(h) { if (h == "yes") { Ext.getBody().mask("请稍等,正在删除中...","x-mask-loading"); Ext.Ajax.request({ url: __ctxPath + "/system/multiDelDictionary.action", params: { ids: g }, method: "POST", success: function(i, j) { Ext.getBody().unmask(); Ext.ux.Toast.msg("操作信息", "成功删除该数字字典!"); f.getStore().reload(); }, failure: function(i, j) { Ext.getBody().unmask(); Ext.ux.Toast.msg("操作信息", "操作出错,请联系管理员!"); } }); } }); } },
方法二:(标红部分)
var myMask = new Ext.LoadMask(Ext.getBody(), { msg: '正在保存,请稍后!', removeMask: true //完成后移除 }); myMask.show(); Ext.Ajax.request({ url : 'infoPlatform/TogBuy!publish.action', waitMsg : '正在发布...', scope : this, success : function(f, o) { myMask.hide(); App.setAlert(true, "test"); }, failure : function(f, o) { myMask.hide(); App.setAlert(false, "test"); }
相关文章推荐
- Ext 的Ajax 请求,添加mask 等待效果
- ajax 请求 添加遮罩和等待动画
- ajax进行异步请求数据添加loading效果
- ExtJs 4中 Ext.Ajax.request提交实现waitMsg等待提示效果
- ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
- ajax多次请求的一个效果思路
- Ext-ajax请求数据
- Ext下,ajax请求和普通http请求,session超时转到登录页面的解决方案
- ajax请求时间过长页面等待提示框
- 前端ajax请求添加rsa签名,nodejs请求添加签名,nodejs api添加验签
- 使用bootstrap-select多选下拉框和ajax请求到的数据添加到下拉框
- ajax 异步加载显示等待效果
- 利用JQUERY实现多个AJAX请求等待的实例
- Ext下,ajax请求和普通http请求,session超时转到登录页面的解决方案
- 为 AJAX 请求添加客户端事件
- ajax请求 Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-ext
- 等待对话框(网络请求等待进度条效果)
- 客户端ajax请求为实现Token验证添加headers后导致正常请求变为options跨域请求解决方法
- 为AJAX 请求添加客户端事件
- Ext界面下做图片动态加载的图片放大镜效果并解决IE6下遮罩mask无法遮盖HTML的select控件问题