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>

  • 相关阅读:
    自动提示效果
    INF文件格式小结
    XP下IIS不能添加扩展名映射的BUG
    自动配置IE代理脚本
    基于多源数据画像的失败用例智能分析
    Hadoop中mapreduce作业日志是如何生成的
    从内存管理原理,窥探OS内存管理机制
    【伙伴故事】智慧厨电接入华为云+HarmonyOS,你的未来厨房长这样
    5步带你掌握工作流Activiti框架的使用
    华为云VSS漏洞扫描服务之开源组件漏洞检测能力
  • 原文地址:https://www.cnblogs.com/zhangsir/p/1093068.html
Copyright © 2011-2022 走看看