easyui 调用ajax时的loading效果

前台框架是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这位大神；

内容转自此处