Form表單實現匯出Excel後實時去掉遮罩層解決方案
開發中我們經常遇到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);
}
}