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

最新推荐文章于 2024-07-30 17:19:26 发布

weixin_34249367

最新推荐文章于 2024-07-30 17:19:26 发布

阅读量85

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2249714/blog/527983

版权

2019独角兽企业重金招聘Python工程师标准>>>

/**
 * 使用方法:
 * 开启:MaskUtil.mask();
 * 关闭:MaskUtil.unmask();
 * 
 * MaskUtil.mask(其它提示文字..);
 */
var MaskUtil = (function(){
var $mask,$maskMsg;
var defMsg = &#39;正在处理，，请稍待。。。&#39;;
function init(){
		if(!$mask){
$mask = $(&quot;&lt;div class=\&quot;datagrid-mask mymask\&quot;&gt;&lt;/div&gt;&quot;).appendTo(&quot;body&quot;);
		}
		if(!$maskMsg){
$maskMsg = $(&quot;&lt;div class=\&quot;datagrid-mask-msg mymask\&quot;&gt;&quot;+defMsg+&quot;&lt;/div&gt;&quot;)
.appendTo(&quot;body&quot;).css({&#39;font-size&#39;:&#39;12px&#39;});
		}
$mask.css({width:&quot;100%&quot;,height:$(document).height()});
$maskMsg.css({
left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2
		});
}
return {
		mask:function(msg){
init();
$mask.show();
$maskMsg.html(msg||defMsg).show();
		}
		,unmask:function(){
$mask.hide();
$maskMsg.hide();
		}
	}
}());