Form表单实现导出Excel后实时去掉遮罩层解决方案

来源:互联网 发布:皮鞋设计软件 编辑:程序博客网 时间:2024/06/03 13:49

开发中我们经常遇到Form表单来导出Excel,为了避免导出时候时候用户等待不急乱操作现象,需要给页面加个遮罩层,一面体现导出进度,另一方面可以防止用户乱点击页面。

代码如下:

//导出excel
function doExportExcel()
{  
var annualYear=$('AnnualYear').value;
if(annualYear==''){
alert("会计年度必输项未输,不能导出!");
return false;
}
var accountingPeriodBegin=$('AccountingPeriodBegin').value;
if(accountingPeriodBegin==''){
alert("会计开始期间必输项未输,不能导出!");
return false;
}
var accountingPeriodEnd=$('AccountingPeriodEnd').value;
if(accountingPeriodEnd==''){
alert("会计截止期间必输项未输,不能导出!");
return false;
}
if(Number(accountingPeriodBegin)>Number(accountingPeriodEnd)){
alert("会计期间选择不正确,数据不能导出");
return false;
}
//var reportType=jq('#ReportType').combobox('getValue');
//alert(accountingPeriodEnd);
/* if(reportType==''){


alert("请选择报表类型!");
return false;
} */
var reportType=$('ReportType').value;
if(reportType==''){


alert("报表类型必输项未输,不能导出!");
return false;

//判断是否已经在运行进度条,如果没有则执行
    if(document.getElementById("popupdialogbackground")==null){
    showRunning();
    }
   var form = document.getElementById("form1");  // 取得要提交的表格   
   form.action = "exportDepartmentIncome.html?Random="+Math.floor(Math.random() * 1000000000)+"&ReportType="+reportType+"&AnnualYear="+annualYear+'&AccountingPeriodBegin='+accountingPeriodBegin+'&AccountingPeriodEnd='+accountingPeriodEnd;   
   //form.submit();  
   if (form) {
            form.submit();             
            var icount = setInterval(function(){    
                if(document.readyState != 'loading'){    //循环判断document状态,如果加载完成则表示开始了下载,此时关闭提示窗口
                unShowRunning();
                    clearTimeout(icount);
                }
            }, 1);
        }  
   
}

原创粉丝点击