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>
  • 相关阅读:
    [gj]三国攻势图
    [svc]msmtp+mutt发附件,发邮件给多个人
    [sh]清理memcached缓存
    [svc]jdk1.7.0_13(系列)下载url
    [svc]linux查看主板型号及内存硬件信息
    [svc][op]如何查看当前Ubuntu系统的版本
    [svc][bg]phabricator-zh_CN汉化包
    [na]台式机装原版Win2008R2
    [svc]salt源码安装软件和yum安装软件
    JSTL的相关使用
  • 原文地址:https://www.cnblogs.com/ma/p/731632.html
Copyright © 2011-2022 走看看