easyui 呼叫ajax時的loading效果
阿新 • • 發佈:2019-02-03
前臺框架是EasyUI,用ajaxfileupload上傳檔案時需要加loading效果;找到一個不錯的jQuery實現spin.js,仍然發現這個spin.js在easyui的dialog中不能實現應有的效果;搞了好長時間,惱死了;最後 ,找到一個效果同datadgird載入時的效果一樣;
javascript
//採用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();
}
javascript
$.ajax({
type: 'POST',
dataType : 'json',
url: url,
data: param,
beforeSend: ajaxLoading,
success: function(json){
ajaxLoadEnd();
createAll(json.Data);
}
});
感謝wwwyuanliang10000這位大神;
內容轉自此處