ASP.NET Tutorial/Ajax/UpdateProgress

Материал из .Net Framework эксперт
Перейти к: навигация, поиск

Using the UpdateProgress Control

   <source lang="csharp">

<%@ 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 btnSubmit_Click(object sender, EventArgs e)
   {
       System.Threading.Thread.Sleep(5000);
   }

</script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">

   <title>Show UpdateProgress</title>
   <style type="text/css">
   .progress
   {
       font-family:Arial;
       position: absolute;
       background-color:lightyellow;
       border:solid 2px red;
       padding:5px;
   }
   </style>

</head> <body>

   <form id="form1" runat="server">
       <asp:ScriptManager ID="ScriptManager1" runat="server" />
       <asp:UpdatePanel ID="up1" runat="server">
       <ContentTemplate>
           <%= DateTime.Now.ToString("T") %>
           <asp:Button
               id="btnSubmit"
               Text="Submit"
               Runat="server" OnClick="btnSubmit_Click" />
       </ContentTemplate>
       </asp:UpdatePanel>
       <asp:UpdateProgress
           ID="progress1"
           AssociatedUpdatePanelID="up1"
           runat="server">
           <ProgressTemplate>
               <asp:Image
                   id="imgProgress"
                   ImageUrl="~/Images/Progress.gif"
                   Runat="server" />
                   Retrieving content...
           </ProgressTemplate>
       </asp:UpdateProgress>
   </form>

</body> </html></source>