jeecg 自定义loading框（导入时加载备份/ajax请求加载loading）

第一种：

 

1、导入t:upload标签

<t:upload name="fiels" buttonText="选择文件" uploader="predictOrderController.do?importonlyone" extend="*.xls;*.xlsx" 
                      id="file_upload" formData="templates,productId,cargotypeCode,customerId" onUploadSuccess="uploadFile" auto="true"
                      onFileAdded="onFileAddedaa">
                       <input id="customerId" name="customerId" type="hidden" class="inputxt"/>
                       <input id="productId" name="productId" type="hidden" class="inputxt" /> 
                       <input id="cargotypeCode" name="cargotypeCode" type="hidden" class="inputxt" value="P"/> 
                       <input id="barcode" name="barcode" type="hidden" value="Y"/>
                  </t:upload> 

2、添加文件时方法

function onFileAddedaa(){  
      $.messager.progress({ title:'请稍后', msg:'数据导入中...',text:'努力中...' });  
      //$.messager.progress('close');
  }

3、提交成功后方法

function uploadFile(data){  
    var msg = data.msg; 
    msg = msg.replace(/\n/g,"<br>") 
    $("#res").html(msg); 
    $.messager.progress('close');
  }

 

第二种

function getLatestInfo() {
       console.log('请求开始')

　　　　$.ajax({
   　　　　url:'aaOperationController.do?doCreateBiddingData',
　　　　   type : 'post',
　　　　   data : {
　　　　      res : res.join(','),
      　　　　driver : driver.join(','),
   　　　　},
　　　　   cache : false,
　　　　   beforeSend: ajaxLoading,
　　　　   success: function(d){
      　　　　ajaxLoadEnd();
　　　　   }
　　　});

 }

function ajaxLoading(){
   $("<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 ajaxLoadEnd(){
        $(".datagrid-mask").remove();
        $(".datagrid-mask-msg").remove();
    }