jqueryeasyui 遮罩层mask

来源：互联网发布：mac cosmetics美国官网编辑：程序博客网时间：2024/06/05 20:06

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

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

在调用方法前增加下面这段代码：

$("<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});

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

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

实际使用：

function updateSomething(){$("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body");$("<div class=\"datagrid-mask-msg\"></div>").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");}

阅读全文

0 0