码迷,mamicode.com
首页 > 其他好文 > 详细

Esay ui数据加载等待提示

时间:2016-06-07 16:24:23      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:

   以视频上传为例:

    //视频上传
    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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!