Extjs ajax中 遮罩效果

一、使用 Ext.LoadMask();   代码如下

var loadMarsk = new Ext.LoadMask(document.body,{
        msg : '正在进行锁屏，请稍候。。。。。。',
        removeMask :true// 完成后移除
     });
 
 //显示遮罩   
 loadMarsk .show();
 
 //取消遮罩
 //loadMarsk .hide();

 

二、使用进度条遮罩

Ext.Msg.wait('处理中，请稍后...', '提示'); //进度条等待

//隐藏进度条  
 Ext.Msg.hide();

三、使用 Ext.getElement().mask();

Ext.getBody().mask();   //遮罩

Ext.getBody().mask().remove();  //删除遮罩

 

 

下面直接上代码

var loadMask = new Ext.LoadMask(Ext.getBody(), {
      msg : '数据处理中...'
     });
     

var globlePacked=function(cid,g){
 
 var a = Ext.getCmp(g);
 Ext.Msg.confirm('确认打包', '确定打包'+cid+'这一集么?', function(c) {
    if (c == "yes") {
     //进度条等待  兼容ie8 ie9 火狐
     Ext.Msg.wait('处理中，请稍后...', '提示');
     //遮罩
//     Ext.getBody().mask();
     //遮罩   对IE、以及对以IE为内核的浏览器支持不好，火狐没有问题
//     loadMask.show();
     Ext.Ajax.request({
        url : __ctxPath + "/packP2f/res-pack-p2f!packed.do",
        params : {
         id : cid
        },
        method : "post",
        timeout : "600000",
        waitMsg : "处理中...",
        success : function(b, c) {
         var response = Ext.util.JSON.decode(b.responseText) ;
         var msg = "";
         if (response.msg != null){
          msg = response.msg;
         }
         //隐藏进度条 
         Ext.Msg.hide();
         //移除遮罩
//         Ext.getBody().mask().remove();
         //隐藏掉遮罩
//         loadMask.hide();
         Ext.ux.Toast.msg("提示", "{0}", msg);
         a.getStore().reload();
        },
        failure : function(b, c) {
         var response = Ext.util.JSON.decode(b.responseText) ;
         var msg = "";
         if (response.msg != null){
          msg = response.msg;
         }
         //隐藏进度条 
         Ext.Msg.hide();
         //移除遮罩
//         Ext.getBody().mask().remove();
         //隐藏掉遮罩
//         loadMask.hide();
         Ext.ux.Toast.msg("提示","操作失败！：{0}", msg);
         a.getStore().reload();
        }
       });
    }
   });

}