zoukankan      html  css  js  c++  java
  • 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了 
  • 相关阅读:
    json schema相关
    好看的记录片和电影
    java函数局部变量的坑(非常隐藏)
    maven操作
    Js数组的常用的方法概述
    深入理解JS各种this指向问题
    浅谈ES5和ES6继承和区别
    vue
    使用 vue-i18n 切换中英文
    js_数组对象的浅克隆
  • 原文地址:https://www.cnblogs.com/zhycyq/p/3291219.html
Copyright © 2011-2022 走看看