本文介绍如何通过UpdateProgress组件提升AJAX应用的人性化体验。具体步骤包括：创建AJAX项目，添加ScriptManager和UpdatePanel，并配置UpdateProgress组件以显示加载状态。通过Button点击事件演示加载效果。
UpdateProgress是一个进度显示条，加在AJAX里能显得更加的人性化（个人认为）。现在我们就开始吧：
第一.新建一个AJAX项目。在页面上加上ScriptManager，UpdatePanel，UpdateProgress，同时在UpdatePanel中加入一个Label，和Button。
第二：选中UpdateProgress的AssociatedUpdatePanelID设置为UpdatePanel1，完整的HTML代码如下：
<%@ Register
Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit"
TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label" Width="166px"></asp:Label>
<br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="testUp" runat=server AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
progressing
..
</ProgressTemplate>
</asp:UpdateProgress>
</form>
</body>
</html>
第三，在BUTTON中加入点击事件，代码如下：
System.Threading.Thread.Sleep(5000);
Label1.Text = DateTime.Now.ToString();
主要是故意创建一个延迟，显示效果。
最后，运行就ok了
第一.新建一个AJAX项目。在页面上加上ScriptManager，UpdatePanel，UpdateProgress，同时在UpdatePanel中加入一个Label，和Button。
第二：选中UpdateProgress的AssociatedUpdatePanelID设置为UpdatePanel1，完整的HTML代码如下：
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>无标题页</title></head><body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> </div> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Label ID="Label1" runat="server" Text="Label" Width="166px"></asp:Label> <br /> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /> </ContentTemplate> </asp:UpdatePanel> <asp:UpdateProgress ID="testUp" runat=server AssociatedUpdatePanelID="UpdatePanel1"> <ProgressTemplate> progressing.. </ProgressTemplate> </asp:UpdateProgress> </form></body></html> System.Threading.Thread.Sleep(5000); Label1.Text = DateTime.Now.ToString();主要是故意创建一个延迟，显示效果。
最后，运行就ok了
扫一扫
282
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
