第一.新建一个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 >
& nbsp; < asp:Label ID = " Label1 " runat = " server " Text = " Label " Width = " 166px " ></ asp:Label >& nbsp;
< br />
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
< 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中加入点击事件,代码如下:
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 >
& nbsp; < asp:Label ID = " Label1 " runat = " server " Text = " Label " Width = " 166px " ></ asp:Label >& nbsp;
< br />
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
< 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();
Label1.Text = DateTime.Now.ToString();
主要是故意创建一个延迟,显示效果。
最后,运行就ok了