jqueryeasyui 遮罩层mask

在项目中执行异步请求,需要一个遮罩层提示用户,并阻止用户进行其他操作。

.datagrid-mask-msg {
	height: 43px;
}


在调用方法前增加下面这段代码:
$("
").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); $("
").html("正在更新所,需要几分钟时间。。。").appendTo("body") .css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height()-45) / 2});

在方法执行完成或者返回具体值后将mask去除

$(document.body).find("div.datagrid-mask").remove();
$(document.body).find("div.datagrid-mask-msg").remove();

实际使用:

function updateSomething(){
	$("
").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); $("
").html("正在更新所关注产品相关的dts信息,需要几分钟时间。。。").appendTo("body") .css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height()-45) / 2}); $.post("action", { param: param }, function(data, status) { $(document.body).find("div.datagrid-mask").remove(); $(document.body).find("div.datagrid-mask-msg").remove(); $.messager.alert("操作提示",data.message); }, "json" ); }



你可能感兴趣的:(jqueryeasyui)