zoukankan      html  css  js  c++  java
  • 用ajax打造和gmail一样的加载进度条显示!(原创)

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

    <script runat="server">
        
    void Button1_Click(object sender, EventArgs e)
        
    {
            
    this.Label1.Text = "更新时间:" + System.DateTime.Now.ToString();
            System.Threading.Thread.Sleep(
    2000);
        }


        
    void Button2_Click(object sender, EventArgs e)
        
    {
            
    this.Label1.Text = "更新时间:" + System.DateTime.Now.ToString();
        }

    </script>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        
    <title>UpdatePanel Trigger Sample</title>
    </head>
    <body>
        
    <form id="form1" runat="server">
            
    <div>
                
    <asp:ScriptManager ID="ScriptManager1" runat="server">
                
    </asp:ScriptManager>
            
    <asp:UpdateProgress ID="UpdateProgress1" runat="server">
                
    <ProgressTemplate>
                    
    <div style="left: 0px;  127px; position: relative; top: 0px; background-color: #ffcc33; float: right;">
                        正在处理
    </div>
                
    </ProgressTemplate>
            
    </asp:UpdateProgress>
            
    </div>
            
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                
    <ContentTemplate>
                    
    <div>
                        
    <asp:Button ID="Button1" runat="server" Text="异步回送" OnClick="Button1_Click" />&nbsp;&nbsp;
                        
    <br />
                        
    <br />
                        
    <asp:Label ID="Label1" runat="server" Text="当前时间" Font-Bold="True" Font-Size="Large"></asp:Label></div>
                
    </ContentTemplate>
                
    <Triggers>
                    
    <asp:AsyncPostBackTrigger ControlID="Button1" />
                    
    <asp:PostBackTrigger ControlID="Button2" />
                
    </Triggers>
            
    </asp:UpdatePanel>
            
    &nbsp;
        
    </form>
    </body>
    </html>
  • 相关阅读:
    牛客noip前集训营(第一场)提高T1
    约数的个数
    牛客OI赛制测试赛2 D 星光晚餐
    牛客OI赛制测试赛2 C 数组下标
    牛客OI赛制测试赛2 A 无序组数
    [题解] codevs 1486 愚蠢的矿工
    字典(trie)树--从入门到入土
    [题解] cogs 2240 架设电话线路
    [题解] cogs 1669 神秘的咒语
    LCIS 最长上升公共子序列问题
  • 原文地址:https://www.cnblogs.com/ma/p/731632.html
Copyright © 2011-2022 走看看