阅读(4970) (1)

Loading....创建正在加载遮罩

2017-12-02 17:39:59 更新

easyui 创建Loading正在加载遮罩 -=

easyui 调用ajax时的loading效果

1.添加Loading遮罩


function ajaxLoading(targetId,msg){   
    var targetId=targetId?'#'+targetId:body 
    var msg=msg?msg:"正在处理,请稍候。。。";
    $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo(targetId);   
    $("<div class=\"datagrid-mask-msg\"></div>").html('正在处理,请稍候。。。').appendTo(targetId).css({display:"block",left:($(targetId).outerWidth(true) - 190) / 2,top:($(targetId).height() - 45) / 2});   
}   

2.取消遮罩

function ajaxLoadEnd(){
$(".datagrid-mask").remove();
$(".datagrid-mask-msg").remove();
}

实例: