Home > DeveloperSection > Articles > ASP.Net AJAX Server Control: UpdateProgress, UpdatePanel

ASP.Net AJAX Server Control: UpdateProgress, UpdatePanel

1 Comment(s)
 11811  View(s)
Rate this:

ASP.Net AJAX Server Control: UpdateProgress, UpdatePanel

UpdateProgress: A control that allows you to display a visual element to the end user to show that a partial page post back is occurring to the part of the page making the update. This is an ideal control to use when you have long running AJAX update.

UpdatePanel: A Container Control that allows you to define specific areas of the page that are enabled with script manager. It contains two sections:

One is <Content Template> and another is <Triggers> section                                                                                  

How we implement the Update Progress server control



Step1: we use the following control on aspx page


<head runat="server">

<title>Using Update Panel</title>



<form id="form1" runat="server">


<%--Using script Manager Control--%>

<asp:ScriptManager ID="ScriptManager1" runat="server">


<%--Using UpdateProgress Control--%>

<asp:UpdateProgress ID="UpdateProgress1" runat="server">


Update is showing here.......



<%--Using UpdatePanel Here--%>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">


<%--Adding one button outside the update panel--%>

<asp:Label ID="lblShowDate" runat="server" Text=""></asp:Label>



<asp:AsyncPostBackTrigger ControlID="btnShowDate" EventName="Click" />



<br /><br />

<%--Adding one button outside the update panel--%>

<asp:Button ID="btnShowDate" runat="server" Text="Show Date" OnClick="btnShowDate_Click" />







Step2: We write the following code on button click event.


protected void btnShowDate_Click(object sender, EventArgs e)



   lblShowDate.Text = "Today Date is: " + DateTime.Now.ToString();



Step3: Run the project


After 10 second, the output is:




By Sunil Singh on   one month ago

It was really helpful to read this post.

Don't want to miss updates? Please click the below button!

Follow MindStick