ATLAS

Using Script Manager and Update Panel

In this sample application, Default.aspx presents a web form for a bug-tracking web site where users can view a list of bugs displayed in a paged GridView control. Users can also enter a tester's name in the Reported By text box and click the Search button to display only those bugs reported by the tester.

Currently, every time the user clicks the Search button or moves to another page of the GridView control, a full page postback occurs and the entire page is rendered after each request. Once complete, however, the application must refresh only the GridView control when the user clicks the Search button or navigates to another page of the GridView control.

To achieve this, you are required to add a ScriptManager control that enables partial page rendering. You must place the GridView control and one of the Label controls in a new UpdatePanel control, and ensure that the application refreshes only this UpdatePanel control when the Click event of the Search button fires or the user moves to another page of the GridView control.

To complete this task:
Modify the WebSite project to ensure the following:
The WebSite project references the System.Web.Extensions.dll that comes with the Microsoft ASP.NET AJAX Extensions.

The following are the references:

• 
  ASP.NET AJAX Overview
• 
  ScriptManager Class
• 
  UpdatePanel Class
• 
  Triggers Property
• 
  AsyncPostBackTrigger Class
• 
  ASP.NET AJAX 1.0