在网页加载时显示加载gif

时间:2014-07-08 10:34:30

标签: asp.net vb.net

我正在使用VS 2013(asp.net,VB)。

我有一个网页,其中有一个执行大量代码的子网站。子页面在页面加载时运行,但也在单击按钮时运行。 sub中的代码基本上从数据库导入值,然后将它们保存到excel文档,然后执行求解器计算并保存excel文档。

无论如何,页面加载时间很长,所以我想在子程序执行时显示加载GIF。

我以为我可以做以下事情。

gif:

<div id="loadingGif" runat="server">
    Loading. Please Wait....<br /><br />
    <img src="images/RTO_Loader.GIF" alt=""/>
</div>

页面加载:

Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
    loadingGif.Visible = True
    exportToExcelEvent()
    loadingGif.Visible = False
End Sub

这不起作用。我没有收到任何错误,excel文档保存得很好。我没有找到任何可以理解的帮助。从我所看到的线程可以解决这个问题,但我似乎无法让它工作。

谢谢,如果你能提供帮助。

1 个答案:

答案 0 :(得分:1)

删除runat =&#34; server&#34;来自&#39; loadingGif&#39;的属性div并将其替换为:

style="display:none;"

同时从Page_Load中删除更改该div可见性的行。

将OnClientClick事件添加到按钮并将其设置为:

OnClientClick="document.getElementById('loadingGif').style.display = 'block';"

您可以将该javascript移动到functiona并调用函数。

另一种选择是将Ajax UpdatePanel与UpdateProgress一起使用。