1. 程式人生 > >Easyui 彈出加載中的遮罩的兩種方法

Easyui 彈出加載中的遮罩的兩種方法

datagrid IT hellip pla itl width UNC message function

第一種:

//彈出加載層
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 彈出加載中的遮罩的兩種方法