zoukankan      html  css  js  c++  java
  • AJAX1.0的UpdateProgress使用

    字体变小 字体变大

    <%@ Page Language="C#" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <script runat="server">
        protected void Button_Click(object sender, EventArgs e)
        {
            System.Threading.Thread.Sleep(3000);
        }
    </script>

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head id="Head1" runat="server">
        <title>UpdateProgress Example</title>
        <style type="text/css">
        #UpdatePanel1, #UpdatePanel2, #UpdateProgress1 {
          border-right: gray 1px solid; border-top: gray 1px solid;
          border-left: gray 1px solid; border-bottom: gray 1px solid;   
        }
        #UpdatePanel1, #UpdatePanel2 {
          200px; height:200px; position: relative;
          float: left; margin-left: 10px; margin-top: 10px;
         }
         #UpdateProgress1 {
          400px; background-color: #FFC080;
          bottom: 0%; left: 0px; position: absolute;
         }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <script type="text/javascript">
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_initializeRequest(InitializeRequest);
        prm.add_endRequest(EndRequest);
        var postBackElement;
        function InitializeRequest(sender, args) {
           if (prm.get_isInAsyncPostBack())
           {
              args.set_cancel(true);
           }
           postBackElement = args.get_postBackElement();
           if (postBackElement.id == 'ButtonTrigger')
           {
             $get('UpdateProgress1').style.display = "block";
           }
        }
        function EndRequest (sender, args) {
           if (postBackElement.id == 'ButtonTrigger')
           {
             $get('UpdateProgress1').style.display = "none";   
           }
        }
        function AbortPostBack() {
          if (prm.get_isInAsyncPostBack()) {
               prm.abortPostBack();
          }       
        }
        </script>
        <asp:Button ID="ButtonTrigger" runat="server" Text="Refresh Panel 1" OnClick="Button_Click" />   
        <asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
        <ContentTemplate>
        <%=DateTime.Now.ToString() %> <br />
        The trigger for this panel
        causes the UpdateProgress to be displayed
        even though the UpdateProgress is associated
        with panel 2.    
        <br />
        </ContentTemplate>
        <Triggers>
          <asp:AsyncPostBackTrigger ControlID="ButtonTrigger" />
        </Triggers>
        </asp:UpdatePanel>
        <asp:UpdatePanel ID="UpdatePanel2" UpdateMode="Conditional" runat="server">
        <ContentTemplate>
        <%=DateTime.Now.ToString() %> <br />
        <asp:Button ID="Button2" runat="server" Text="Refresh Panel" OnClick="Button_Click"/>   
        </ContentTemplate>
        </asp:UpdatePanel>
        <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel2" >
        <ProgressTemplate>
          Update in progress...
          <input type="button" value="stop" onclick="AbortPostBack()" />
        </ProgressTemplate>
        </asp:UpdateProgress>
        </div>
        </form>
    </body>
    </html>

  • 相关阅读:
    [Outlook] Outlook2013能收但无法发送邮件-0x800CCC13, 0x800CCC0B, 0x8004210B
    [Mobile] 手机浏览器输入框-数字输入框
    [Qcon] 百姓网开发总结
    [QCon] Scrum阅读随想
    [Spring] 事务级别定义
    [Monitor] 监控规则定义
    [Spring Batch] 图解Spring Batch原理
    [JavaCore] 微信手机浏览器版本判断
    Python 编码简单说
    矩阵或多维数组两种常用实现方法
  • 原文地址:https://www.cnblogs.com/zhangsir/p/1093068.html
Copyright © 2011-2022 走看看