easyui的页面等待提示层,即mask

/*

* 使用方法: 

 * 开启:MaskUtil.mask(); 

 * 关闭:MaskUtil.unmask(); 

 *  

 * MaskUtil.mask('其它提示文字...'); 

 */  

var MaskUtil = (function(){  

var $mask,$maskMsg;  

var defMsg = '正在处理，请稍待。。。';  

function init(){  

if(!$mask){  

            $mask = $("<div class=\"datagrid-mask mymask\"></div>").appendTo("body");  

        }  

if(!$maskMsg){  

            $maskMsg = $("<div class=\"datagrid-mask-msg mymask\">"+defMsg+"</div>")  

                .appendTo("body").css({'font-size':'12px'});  

        }  

        $mask.css({width:"100%",height:$(document).height()});  

var scrollTop = $(document.body).scrollTop();  

        $maskMsg.css({  

            left:( $(document.body).outerWidth(true) - 190 ) / 2  

            ,top:( ($(window).height() - 45) / 2 ) + scrollTop  

        });   

    }  

return {  

        mask:function(msg){  

            init();  

            $mask.show();  

            $maskMsg.html(msg||defMsg).show();  

        }  

        ,unmask:function(){  

            $mask.hide();  

            $maskMsg.hide();  

        }  

    }  

}());