UpdateProgress使用

it2022-05-09  40

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 >                 & 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中加入点击事件,代码如下: System.Threading.Thread.Sleep( 5000 );         Label1.Text =   DateTime.Now.ToString(); 主要是故意创建一个延迟,显示效果。 最后,运行就ok了 

转载于:https://www.cnblogs.com/jiangnini/p/3434093.html


最新回复(0)