Easyui 彈出加載中的遮罩的兩種方法
阿新 • • 發佈:2018-06-04
datagrid IT hellip pla itl width UNC message function }
//取消加載層
function disLoad() {
$(".datagrid-mask").remove();
$(".datagrid-mask-msg").remove();
第一種:
//彈出加載層
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 彈出加載中的遮罩的兩種方法