這個控件相比其他控件，屬性少 使用簡單，就先把這個控件的一般使用方法簡單紀錄下
UpdateProgress 應該就是“更新進度” 的意思吧。
屬性：AssociatedUpdatePanelID 輔助的UpdatePanel的id
DynamicLayout 默認爲true 不佔用頁面控件，提示時候擠開一行空白
設置爲 false 頁面給顯示的內容留行空白
使用方法：
1.添加一個ScriptManager控件
2.添加一個UpdatePanel控件
3.添加一個UpdateProgress控件
設置UpdateProgress控件的AssociatedUpdatePanelID爲第2步 UpdatePanel的ID（如果頁面中有多個UpdatePanel則，只有相應updatePanel關聯的updateProgress顯示）
測試例子代碼：
- <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
- <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head id="Head1" runat="server">
- <title>Untitled Page</title>
- <style type="text/css">
- #UpdatePanel1, #UpdatePanel2, #UpdateProgress1 {
- border-right: gray 1px solid; border-top: gray 1px solid;
- border-left: gray 1px solid; border-bottom: gray 1px solid;
- }
- #UpdatePanel1, #UpdatePanel2 {
- width:200px; height:200px; position: relative;
- float: left; margin-left: 10px; margin-top: 10px;
- }
- #UpdateProgress3 {
- width: 200px; background-color: #FFC080;
- bottom: 0%; left: 0px; position: absolute;
- }
- #UpdateProgress2 {
- width: 200px; background-color: #FFC080;
- bottom: 0%; left: 0px; position: absolute;
- }
- </style>
- </head>
- <body>
- <form id="form1" runat="server">
- <asp:ScriptManager ID="ScriptManager1" runat="server" />
- <asp:UpdatePanel ID="UpdatePanel1" runat="server">
- <ContentTemplate>
- <asp:Button ID="Button1" runat="server" OnClick="Button1_Click1" Text="Button" />
- <asp:Label ID="Label1" runat="server" Text="顯示數據"></asp:Label>
- <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
- <ProgressTemplate>
- <div id="progress"><img src="img/1.gif" />
- 等待中...
- </div>
- </ProgressTemplate>
- </asp:UpdateProgress>
- </ContentTemplate>
- </asp:UpdatePanel>
- <asp:UpdatePanel ID="UpdatePanel2" runat="server">
- <ContentTemplate>
- <asp:Button ID="Button2" runat="server" OnClick="Button2_Click1" Text="Button" /><br />
- <br />
- <asp:Label ID="Label2" runat="server" Text="顯示數據"></asp:Label>
- <asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="UpdatePanel2">
- <ProgressTemplate>
- 更新數據中....
- </ProgressTemplate>
- </asp:UpdateProgress>
- </ContentTemplate>
- </asp:UpdatePanel>
- </form>
- </body>
- </html>
c#代碼：
- using System;
- using System.Data;
- using System.Configuration;
- using System.Web;
- using System.Web.Security;
- using System.Web.UI;
- using System.Web.UI.WebControls;
- using System.Web.UI.WebControls.WebParts;
- using System.Web.UI.HtmlControls;
- using System.Threading;
- public partial class _Default : System.Web.UI.Page
- {
- protected void Page_Load(object sender, EventArgs e)
- {
- }
- protected void Button1_Click1(object sender, EventArgs e)
- {
- System.Threading.Thread.Sleep(3000);
- Label1.Text = "刷新時間：" + DateTime.Now.ToString();
- }
- protected void Button2_Click1(object sender, EventArgs e)
- {
- System.Threading.Thread.Sleep(3000);
- Label2.Text = "刷新時間：" + DateTime.Now.ToString();
- }
- }
其中，頁面代碼中的css是msdn上的例子。UpdatePanel1中的UpdateProgress1顯示一張動態gif圖片
補充:其實updateProgress能起到類似進度條的作用
還往大哥大姐們多多指教。