使用jquery加载图像asp.net

本文关键字:asp net 图像 加载 jquery 使用 | 更新日期: 2023-09-27 17:57:52

我的.aspx页面中有这个脚本。。。。。

我还有一些按钮可以将数据从数据库解析到Gridview,每当我单击按钮时,加载栏就会显示在页面上。

进度加载栏工作良好,除了在我的功能中,将gridview导出为PDF,加载栏显示并保持显示,即使在打开PDF文件后,知道如何停止它吗?

<script type="text/javascript" src="../../Styles/jquery.js"></script>
<script type="text/javascript">
function ShowProgress() {
   setTimeout(function () {
    var modal = $('<div />');
    modal.addClass("modal");
    $('body').append(modal);
    var loading = $(".loading");
    loading.show();
    var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
    var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
     loading.css({ top: top, left: left });
                           }, 100);
  }
 $('form').live("submit", function () { ShowProgress(); });
 </script>

在我的Page_load中,我有:

if (!IsPostBack)
        {
            string script = "$(document).ready(function () { $('[id*=btnSubmit]').click(); });";
            ClientScript.RegisterStartupScript(this.GetType(), "load", script, true);
        }

当我触发此事件时,我会得到我的报告,但我的酒吧一直在加载:

   protected void ExportToPDFUsers(object sender, EventArgs e)
    {
        using (StringWriter sw = new StringWriter())
        {
            using (HtmlTextWriter hw = new HtmlTextWriter(sw))
            {
                //To Export all pages
                GridView1.AllowPaging = false;
                this.BindGridUsers();
                GridView1.RenderControl(hw);
                StringReader sr = new StringReader(sw.ToString());
                Document pdfDoc = new Document(PageSize.A2, 10f, 10f, 10f, 0f);
                HTMLWorker htmlparser = new HTMLWorker(pdfDoc);
                PdfWriter.GetInstance(pdfDoc, Response.OutputStream);
                pdfDoc.Open();
                pdfDoc.AddTitle("Member Signature Card Image Users Details");
                pdfDoc.AddCreationDate();
                htmlparser.Parse(sr);
                pdfDoc.Close();
                Response.ContentType = "application/pdf";
                Response.AddHeader("content-disposition",     "attachment;filename=UsersDetails.pdf");
                Response.Cache.SetCacheability(HttpCacheability.NoCache);
                Response.Write(pdfDoc);
                Response.End();

            }
        }

使用jquery加载图像asp.net

我已经解决了这个问题,并记录了如何在输出文件作为响应时处理进度条/微调器:

如何在通过响应输出文件时显示进度状态/微调器。ContentType,响应。终止