ASP.NET 页面上有比较费时的查询,前台没有响应

红帽小小 2010-09-07 03:50:27

如何让前台显示 "正在查询..."
或者显示一张 "正在查询..." 的图

...全文

81 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

jeven_xiao 2010-09-08

打赏
举报

<div id="loading" >
<img src ='image/loader.gif' alt ='' />
</div>

button : onclientClick="document.getElementById('loading').display=''";

不就是这样嘛？

leo32_32 2010-09-07

打赏
举报

用ajax 调用。

wuyq11 2010-09-07

打赏
举报

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="upl" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div>
<div>数据加载中，请等待…… </div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:UpdatePanel>

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID ="Button1" EventName ="Click" />
</Triggers>
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"> </asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<span style =" font-size:12px">数据更新中...... </span>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:Button ID="Button1" runat="server" Text="Button" Width="143px" OnClick="Button1_Click" />
或使用div显示loading效果
<script language="javascript" type="text/javascript">
document.write(" <div id='loadDiv' style='padding-top: 250px; padding-left: 350px;font-size:x-large;height:400px'> <span id='loading'> <img src=\"../Images/loader2.gif\"/>正在加载数据，请稍候··· </span> </div>");
window.onload = function()
{
document.getElementById("hiddenDiv").style.display="";
document.getElementById("loadDiv").parentNode.removeChild(document.getElementById("loadDiv"));

}
</script>

粥是稀饭 2010-09-07

打赏
举报

[Quote=引用 1 楼 q107770540 的回复:]

<div id="loading" >
<img src ='image/loader.gif' alt ='' />
</div>

button : onclientClick="document.getElementById('loading').display=''";
[/Quote]这个楼主注意，隐藏div“loading”的时刻不然查完了，div还没关，或者，没差完div消失了。