使用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();
}
}
我已经解决了这个问题,并记录了如何在输出文件作为响应时处理进度条/微调器:
如何在通过响应输出文件时显示进度状态/微调器。ContentType,响应。终止