mcs/class/System.Web.Extensions/Test/AUT/TwoPanelsProgress.aspx

   1 <%@ Page Language="C#" %>\r
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" \r
   3   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
   4 \r
   5 <script runat="server">\r
   6     protected void Button1_Click(object sender, EventArgs e)\r
   7     {\r
   8         System.Threading.Thread.Sleep(4000);\r
   9         Label1.Text = "Last update from server " + DateTime.Now.ToString();        \r
  10     }\r
  11 \r
  12     protected void Button2_Click(object sender, EventArgs e)\r
  13     {\r
  14         System.Threading.Thread.Sleep(1000);\r
  15         Label2.Text = "Last update from server " + DateTime.Now.ToString();        \r
  16     }\r
  17 </script>\r
  18 \r
  19 <html xmlns="http://www.w3.org/1999/xhtml">\r
  20 <head id="Head1" runat="server">\r
  21     <title>Postback Precedence Example</title>\r
  22     <style type="text/css">\r
  23     body {\r
  24         font-family: Tahoma;\r
  25     }\r
  26     #UpdatePanel1, #UpdatePanel2 {\r
  27       width: 400px;\r
  28       height: 100px;\r
  29       border: solid 1px gray;\r
  30     }\r
  31         div.MessageStyle {\r
  32       background-color: #FFC080;\r
  33       top: 95%;\r
  34       left: 1%;\r
  35       height: 20px;\r
  36       width: 600px;\r
  37       position: absolute;\r
  38       visibility: hidden;\r
  39     }\r
  40         </style>\r
  41 </head>\r
  42 <body>\r
  43     <form id="form1" runat="server">\r
  44         <div>\r
  45             <span id="span1">Not Initialized</span>\r
  46             <asp:ScriptManager ID="ScriptManager1" runat="server">\r
  47             <Scripts>\r
  48             <asp:ScriptReference Path="PostBackPrecedence.js" />\r
  49             </Scripts>\r
  50             </asp:ScriptManager>\r
  51             <asp:UpdatePanel  ID="UpdatePanel1" UpdateMode="Conditional" runat="Server" >\r
  52                 <ContentTemplate>\r
  53                 <strong>UpdatePanel 1</strong><br />\r
  54 \r
  55                 This postback takes precedence.<br />\r
  56                 <asp:Label ID="Label1" runat="server">Panel initially rendered.</asp:Label><br />\r
  57                 <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />&nbsp;\r
  58                 <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">\r
  59                 <ProgressTemplate>\r
  60                 Panel1 updating...\r
  61                 </ProgressTemplate>\r
  62                 </asp:UpdateProgress>\r
  63                 </ContentTemplate>\r
  64             </asp:UpdatePanel>\r
  65             <asp:UpdatePanel  ID="UpdatePanel2" UpdateMode="Conditional" runat="Server" >\r
  66                 <ContentTemplate>\r
  67                 <strong>UpdatePanel 2</strong><br />\r
  68                 <asp:Label ID="Label2" runat="server">Panel initially rendered.</asp:Label><br />\r
  69                 <asp:Button ID="Button2" runat="server" Text="Button" OnClick="Button2_Click" />\r
  70                 <asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="UpdatePanel2">\r
  71                 <ProgressTemplate>\r
  72                 Panel2 updating...\r
  73                 </ProgressTemplate>\r
  74                 </asp:UpdateProgress>\r
  75                 </ContentTemplate>\r
  76             </asp:UpdatePanel>\r
  77            <div id="AlertDiv" class="MessageStyle">\r
  78            <span id="AlertMessage"></span>\r
  79            </div>\r
  80         </div>\r
  81         <script language="javascript" type="text/javascript">\r
  82         Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded);\r
  83         var p1UpdateCount = 1;\r
  84         var p2UpdateCount = 1;\r
  85         function pageLoaded(sender, args) \r
  86         {\r
  87             var updatedPanels = args.get_panelsUpdated();\r
  88             \r
  89             for (i=0; i < updatedPanels.length; i++) {\r
  90                 if (updatedPanels[i].id == "UpdatePanel1"){\r
  91                     p1UpdateCount++;\r
  92                 } else if (updatedPanels[i].id == "UpdatePanel2"){\r
  93                     p2UpdateCount++;\r
  94                 }           \r
  95             }\r
  96             UpdateSpan1();\r
  97         }\r
  98         \r
  99         function UpdateSpan1()\r
 100         {\r
 101             document.getElementById("span1").innerHTML = "Panel1: " + p1UpdateCount + ", Panel2: " + p2UpdateCount;\r
 102         }\r
 103         </script>\r
 104     </form>\r
 105 </body>\r
 106 </html>