• 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了 
  • 相关阅读:
    Date日期对象
    JAVA适配器
    java 对象的多态性
    简单轮播
    ecshop 教程地址
    瀑布流js排列
    phpcms 搜索结果页面栏目不显示解决 方法
    手机自动跳转
    字串符转换数字、取小数点后两位数的方法
    js 判断鼠标进去方向
  • 原文地址:https://www.cnblogs.com/zhycyq/p/3291219.html
Copyright © 2020-2023  润新知