zoukankan      html  css  js  c++  java
  • 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", "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();
         }

         效果图如下:

        

  • 相关阅读:
    c实现二叉树
    C实现栈与队列
    c的链表实现
    LB_Keogh
    LB_Yi
    LB_Kim
    Lab7:同步互斥
    Lab6:进程的调度
    Lab45:进程和线程
    Lab3:虚拟内存管理
  • 原文地址:https://www.cnblogs.com/lucky-girl/p/5567160.html
Copyright © 2011-2022 走看看