Updatepanel onupdating event

As shown in the code above, we first get a reference to the Page Request Manager and then wire up the initialize Request and end Request events to execute, when an async postback begins and ends respectively.When the user initiates a postback by clicking on the button kept inside the Update Panel, we set a delay of 3 seconds.For understanding purposes, we have emulated a time consuming operation by setting a delay of 3 seconds by using Thread. In the code shown above, we use the Associated Update Panel ID property of the Update Progress control to associate it with an Update Panel control.

updatepanel onupdating event-13updatepanel onupdating event-31

Updatepanel onupdating event

This tutorial shows how to set up such an animation for an Update Panel.

Note The feedback system for this content will be changing soon. If content within a comment thread is important to you, please save a copy.

• The timer control raises the "tick" event every 10 seconds. This means that anytime any item on the page raises a postback event, the update panel will update itself.

The Update panel also contains an img and label in its content template.

The entire source code of this article can be downloaded from here (pwd:dotnetcurry123#).

I hope this article was useful and I thank you for viewing it.

You can read more about the Update Panel Animation Extender over definition tags call two Java Script methods respectively that are responsible for displaying and hiding the image progress bar while the Update Panel performs an update on the control.

As shown in the previous methods, we have emulated a time consuming operation by setting a delay of 3 seconds by using Thread. You can replace this code with any time consuming operation, like fetching records from a remote database or performing any similar resource intensive operation.

The technique of hiding and showing the image also remains the same as we had discussed in Method 1.

The entire source code and mark up is as shown below: Well those were the three different methods of displaying progress to the user while the Update Panel updates its contents.

NET AJAX Control Toolkit is not just a control but a whole framework to add animations to a control.

Tags: , ,