Esay ui数据加载等待提示

标签：

   以视频上传为例：

    //视频上传
    function uploadVedio(fileName){    
        load();//开始加载时弹出加载层
        $.post(‘<%=path%>/misArticle/articleInfo/getVedioAddress.do?fileName=‘+fileName,function(result){
            if(result.success){
                 $(‘#videoUrl‘).val(result.vedioAddr);
                 reUpload();
                 disLoad();//请求成功后取消加载层
             } else {
                 $.messager.alert("系统提示",result.errorMsg);
                 reUpload();
                 disLoad();//请求失败后取消加载层
             }
         }, ‘json‘);
    }   

     //弹出加载层
     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();
     }

     效果图如下：

Esay ui数据加载等待提示

标签：

原文地址：http://www.cnblogs.com/lucky-girl/p/5567160.html