Easyui 弹出加载中的遮罩的两种方法

Posted hailexuexi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 弹出加载中的遮罩的两种方法的主要内容,如果未能解决你的问题,请参考以下文章

ZBrush中设置背面遮罩的两种方法

ZBrush中遮罩的概念及使用

easyui dialog弹出框的遮罩只遮罩iframe内的区域,怎样能遮罩整个页面

easyui combobox 动态加载的两种方法

如何使用CSS和SVG剪切和遮罩技术

easyui dialog 能不能在弹出窗口的时候不显示遮罩,且屏蔽其他地方的点击