UpdateProgress使用 .

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了 

你可能感兴趣的:(progress)