easyui 自定義Loading效果
阿新 • • 發佈:2019-01-24
//採用jquery easyui loading css效果 function ajaxLoading(){ $("<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 ajaxLoadEnd(){ $(".datagrid-mask").remove(); $(".datagrid-mask-msg").remove(); }
$.ajax({
type: 'POST',
dataType : 'json',
url: url,
data: param,
beforeSend: smgLoading,
success: function(json){
smgLoadEnd();
createAll(json.Data);
}
});