Monday, June 30, 2008

Adding an UpdateProgress Control to the Page in AJAX

The UpdateProgress control displays a status message while new content for an UpdatePanel control is being requested.

To add an UpdateProgress control to the page

1. From the AJAX Extensions tab of the toolbox, drag an UpdateProgress control onto the page and drop it underneath the UpdatePanel control.

2. Select the UpdateProgress control, and in the Properties window, set the AssociatedUpdatePanelID property to UpdatePanel1.
This associates the UpdateProgress control with the UpdatePanel control that you added previously.

3. In the editable area of the UpdateProgress control, type Getting Employees ... .

4. Save your changes, and then press CTRL+F5 to view the page in a browser.

If there is a delay while the page runs the SQL query and returns the data, the UpdateProgress control displays the message that you entered into the UpdateProgress control.

No comments: