Ext 的Ajax 请求,添加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") {
                            <span style="color:#FF6666;">Ext.getBody().mask("请稍等,正在删除中...","x-mask-loading");</span>
                            Ext.Ajax.request({
                                url: __ctxPath + "/system/multiDelDictionary.action",
                                params: {
                                    ids: g
                                },
                                method: "POST",
                                success: function(i, j) {
                                    <span style="color:#FF6666;">Ext.getBody().unmask();</span>
                                    Ext.ux.Toast.msg("操作信息", "成功删除该数字字典!");
                                    f.getStore().reload();
                                },
                                failure: function(i, j) {
                                    <span style="color:#FF6666;">Ext.getBody().unmask();</span>
                                    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");
}    

转自:http://blog.csdn.net/dracotianlong/article/details/8132664

时间: 2024-07-31 19:10:22

Ext 的Ajax 请求,添加mask 等待效果的相关文章

点滴笔记(一):for循环ajax请求添加数据

项目里遇到循环添加数据,添加多条数据到主表后,还要根据每条主表数据主键ID添加到子表里,于是想到post提交 发现循环post没效果,也没async参数.. 于是用ajax里面有async设置了false,循环添加也没达到效果.. 一开始的写法 for(int a=0;a<10;a++) { $.ajax({                 url: "url",                 dataType: 'json',     async:false         

多个ajax请求下等待条显示和隐藏的简单处理

处理为遇到ajax请求就显示等待条,直到所有的ajax请求执行完毕才关闭等待条.比较简单,源码如下(基于jQuery) //基于jQuery //从第一个ajax请求发出开始显示等待条?直到一系列ajax请求全部结束才关闭等待条. //任何ajax触发了ajaxSend事件会显示等待框,所有的ajax都执行完成(ajaxComplete事件)才会关闭等待框 $(function(){ //需要监听的ajax的url var listenUrls = [], //等待条选择器 loadingSel

ajax请求时session已过期处理方案

web系统中常常使用拦截器或过滤器实现权限拦截,判断用户是否登陆,若未登陆,跳转到登陆页,但当浏览器发的是ajax请求时,浏览器不会正常跳转,而是返回登陆页的HTML源码给ajax回调函数(当跳转的登陆页跨域时,会出现302错误),解决方案如下: 前端: //如果session超时或未登陆,则跳转到登陆页 $(document).ajaxComplete(function(event,request, settings){ var data=request.responseJSON; if(da

jquery ajax请求方式与提示用户正在处理请稍等,等待数据返回时loading的显示

1.jquery ajax请求方式与提示用户正在处理请稍等 为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实现 初次使用$.ajax() ,我没有去区分过ajax的异步请求和同步请求的不同,刚开始使用同步请求,以至后来出现许多问题,特别在体验度方面.异步和同步:同步意味着执行完一段程序才能执行下一段,它属于阻塞模式,其表现在网页上的现象是——浏览器会锁定页面(即所谓的页面假死状态),用户不能操作其它的,必

全局为每一个ajax请求都附带一个loading效果 .ajaxSend

描述: 在Ajax请求发送之前绑定一个要执行的函数,这是一个 Ajax Event. 添加的版本: 1.0.ajaxSend( handler(event, jqXHR, ajaxOptions) ) handler(event, jqXHR, ajaxOptions) 类型: Function() 被调用的函数. 每当一个Ajax请求即将发送,jQuery就会触发ajaxSend事件,在这个时间点所有处理函数都会使用.ajaxSend()方法注册并执行. 观察这种方法,建立一个基本的Ajax加

客户端ajax请求为实现Token验证添加headers后导致正常请求变为options跨域请求解决方法

客户端为了实现token认证,通过Jquery的ajaxSetup方法全局配置headers: 全局配置headers后会导致部分不需要token认证的请求变为options请求,导致跨域访问.报错信息如下: CORS概念 支持CORS请求的浏览器一旦发现ajax请求跨域,会对请求做一些特殊处理,对于已经实现CORS接口的服务端,接受请求,并做出回应. 有一种情况比较特殊,如果我们发送的跨域请求为"非简单请求",浏览器会在发出此请求之前首先发送一个请求类型为OPTIONS的"

通过在jquery中添加函数发送ajax请求来加载数据库数据,以json的格式发送到页面

通过在jquery中添加函数发送ajax请求来加载数据库数据,以json的格式发送到页面 从数据库中查询仓库信息,显示在下拉菜单中: 首先,引入js插件,这里使用jquery-1.8.3.js <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script> 当页面加载完成后,就应该发送ajax请求到数据库,

一款基于jQuery Ajax的等待效果

特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/mao2080/ 1.效果示例 1.加载中效果 2.加载后效果 2.代码样例 1 var ajaxUtil = { 2 /**为保证load图标不会一闪而过,小于600毫秒的请求将延时加载*/ 3 loadShowTime:600, 4 /** 5 * Ajax请求 6 * @param {Obje

手机站全局的html+css加载等待效果

本文只提供思路,CSS神马的自己定制吧,JS是可以优化的,比如,输出图片的JS也可以放到showdiv()里面,我没有做优化,只是实现,别笑话我,我比较懒... 基本思路:由于Html的解析是从上到下的,所以,可以在母版页(MVC中的LayOut)页面最上面输出一个遮罩层和一张等待效果的图片,这样子,页面打开的时候,就会有一个等待效果了.代码如下: 注意:下面这些代码一定是放到页面的最前面的,放到后面可能就不太好了. 1 <head> 3 <style type="text/c