码迷,mamicode.com
首页 > 其他好文 > 详细

Easyui 弹出加载中的遮罩的两种方法

时间:2017-03-29 00:42:46      阅读:265      评论:0      收藏:0      [点我收藏+]

标签:complete   src   str   mask   html   val   append   display   json   

第一种方法:
$.ajax({ type:
POST, url:url, data:obj, dataType:json, beforeSend: function () { load(); }, complete: function () { disLoad(); }, success:function(data){ showMessage(data); } });
//弹出加载层
function load() {  
    $("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: $(window).height() }).appendTo("body");  
    $("<div class=\"datagrid-mask-msg\"></div>").html("邮件发送中,请稍候。。。").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(window).height() - 45) / 2 });  
}
//取消加载层  
function disLoad() {  
    $(".datagrid-mask").remove();  
    $(".datagrid-mask-msg").remove();  
}
第二种方法:

$.ajax({ type:
POST, url:url, data:obj, dataType:json, beforeSend: function () {   $.messager.progress({   title: 提示,   msg: 文件上传中,请稍候……,   text: ‘‘   }); }, complete: function () { $.messager.progress(close); }, success:function(data){ $("#uploadHtmlUrl").val(data.fileUrl); $("#uploadHtml").attr("src", data.fileUrl); } });

Easyui 弹出加载中的遮罩的两种方法

标签:complete   src   str   mask   html   val   append   display   json   

原文地址:http://www.cnblogs.com/duanxuan/p/6637746.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!