下载Excel文件后,浏览器上的加载没有结束。

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

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

所有的数据都被导出到Excel中。

但是在导出到Excel后,excel表直接打开到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已经导出了,怎么才能去掉这个 "请等待... "的符号?

为什么Excel表下载后直接打开成Excel,有什么办法可以将下载的Excel显示在Chrome的下载栏中吗?

javascript gridview asp.net-mvc-5 onload onreadystatechange
1个回答
0
投票

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

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