easyui dialog弹出框的遮罩只遮罩iframe内的区域,怎样能遮罩整个页面
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui dialog弹出框的遮罩只遮罩iframe内的区域,怎样能遮罩整个页面相关的知识,希望对你有一定的参考价值。
参考技术A 这个无解。tab的iframe本身就是一种取巧的方式。如果按照官方的那种html片段的方式自然可以遮罩住完。
这个就只能你自己写js了本回答被提问者采纳
Easyui 弹出加载中的遮罩的两种方法
第一种:
//弹出加载层
function load() {
$("<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 });
}
//取消加载层
function disLoad() {
$(".datagrid-mask").remove();
$(".datagrid-mask-msg").remove();
}
第二种:
//弹出加载层
$.messager.progress({ title: ‘提示‘, msg: ‘数据正在处理中,请稍候……‘, text: ‘‘ });
//取消加载层
$.messager.progress(‘close‘);
以上是关于easyui dialog弹出框的遮罩只遮罩iframe内的区域,怎样能遮罩整个页面的主要内容,如果未能解决你的问题,请参考以下文章
element-ui 弹出组件的遮罩层在弹出层dialog模态框的上面