easyUI中自定義加載等待效果

本文來自網上,但是見了好多版本說自己原創,但是不知道哪個是原創,因此,此處不寫轉載地址。

  • 定義工具文件util.js
//自定義加載等待效果結束
function disLoad() {  
    $(".datagrid-mask").remove();  
    $(".datagrid-mask-msg").remove();  
}
//自定義加載等待效果
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 });  
		
} 

調用方法:


引入JS文件
<script type="text/javascript" src="${ctx }/scripts/utils.js?t=<%=new Date() %>"></script>	
.
.
.
	

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章