Easyui 彈出加載中的遮罩的兩種方法


第一種方法:
$.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); } });


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM