加载Excel文件后加载未在浏览器上结束

问题描述 投票:0回答:1

我正在使用网格视图将数据导出到Excel。

[所有数据都将导出到Excel。

但是导出到Excel后,excelsheet会直接打开Excel,并且在浏览器中,即使已经导出了Excel,我也会收到“请稍候...”符号。

这是我的将数据导出到Excel中的代码:

          var gv = new GridView();
          gv.DataSource = Export_List;                    
          gv.DataBind();
          Response.ClearContent();
          Response.Buffer = true;
          Response.AddHeader("content-disposition", "attachment; filename=export.xls");
          Response.ContentType = "application/ms-excel";
          Response.Charset = "";
          StringWriter stringWriter = new StringWriter();
          HtmlTextWriter htmlTextWriter = new HtmlTextWriter(stringWriter);
          gv.RenderControl(htmlTextWriter);
          Response.Output.Write(stringWriter.ToString());                    
          Response.End();

导出到Excel后,Excel工作表将直接在Excel中打开并且在浏览器中,即使已经导出了Excel,我也会收到“请稍候...”符号。

这是_Layout.cshtml中用于加载符号的代码

<body  onbeforeunload="LoadSymbol()" onload="UnLoadSymbol()">

    <div id="pgLoad" style="margin: 0px; padding: 0px; position: fixed; right: 0px;
    top: 0px; width: 100%; height: 100%; background-color: #666666; z-index: 999999;
    opacity: .6; filter: alpha(opacity=70);display:none">
        <p style="position: absolute; top: 40%; left: 40%; color: White;">
            Please wait...<br>
            <i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
        </p>
    </div>
 some code

  <script language="javascript">        
        $("form").submit(function () { $("#pgLoad").show(); });

        document.onreadystatechange = function () {
            var iscomplete= document.readyState
            if (iscomplete== 'complete') {
                $("#pgLoad").hide();
            }
        }

            function LoadSymbol() {
                $("#pgLoad").show();
            }

            function UnLoadSymbol() {
                $("#pgLoad").hide();
            }
  </script>
</body>

这是导出按钮

@using (Html.BeginForm())
{
some code
<button type="submit" class="btn btn-primary" name="ExcelButton" value="Download as Excel" id="ExcelButton" > Download as Excel </button>
}                     

如果已经导出了excel,如何摆脱这个'Please wait ...'符号,我该怎么办?

为什么下载后Excel表格直接打开到Excel中,有什么方法可以将下载的Excel显示到Chrome的下载栏中?

javascript asp.net progress-bar asp.net-ajax onreadystatechange
1个回答
0
投票

您的js脚本不知道导出是否结束,您需要从gridview捕获响应并传递给js。

© www.soinside.com 2019 - 2024. All rights reserved.