1. 程式人生 > >easyui 自定義Loading效果

easyui 自定義Loading效果

//採用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);
				} 
			});