Jquery easyUI 数据加载loadMask遮掩效果

1、数据加载处理显示遮掩效果 
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.bod	  y).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2}); 
 }

2、数据加载完毕，去掉遮掩效果
 function ajaxLoadEnd(){ 
     $(".datagrid-mask").remove(); 
     $(".datagrid-mask-msg").remove();             
} 

3、用法
 /*动态创建部门树  */
 function InitDeptTreeData()
 {
  ajaxLoading(); //数据加载开始调用显示函数
  $('#deptTree').tree({
      url:'<%=path%>/messageMgt/cteateJsonFile.do',
      checkbox:true,
      onClick:function(node){
    	  $('#deptTree').tree('expand', node.target);
      },
      onContextMenu: function(e, node){  
          e.preventDefault();  
          $('#deptTree').tree('select', node.target);
      },
      onLoadSuccess:function(node,data){
    	 ajaxLoadEnd();//数据加载完毕调用移除遮掩效果函数
      }       
                
    });
 };