Some new features of ASP.net AJAX 4.0

Goal

In this hands-on experiment, you will learn how to:

• Easily bind data to your user interface with a new client template.

• Use the DataView control to render data on the client.

• Extend the template engine by creating custom markup extensions.

• Declaratively instantiate behavior and controls.

System Requirements

You must have the following tools to complete this experiment:

Microsoft Visual Studio 2008 or 2010.

asp.net 4.0 Preview 4AJAX

Installation

You must perform the following steps to prepare for this experiment. Mainly includes downloading and installing ASP.net AJAX 4.0 libraries.

1. Open the Web browser, then navigate to http://aspnet.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=24645 and download the latest installation files. The latest version is ASP.net AJAX Preview 4.

2. Extract the downloaded file (Asp.Net_Ajax_Preview_4.zip) to a known location on the machine.

Practice

This hands-on lab includes the following exercises:

1. Use client templates to bind data to the user interface (UI).

2. Use the DataView control to render data on the client.

3. Extend the template engine by creating a custom markup extension.

4. Declarative instantiation of behavior.

Note: In this experiment, you will be updated or modified on the basis of existing code. The code snippet in this experiment will be highlighted to help you understand exactly where you need to modify.

For example, the following code fragment adds a ScriptManager element to an existing ASP code.

Estimated time to complete this experiment: 60 minutes.

Initial material

This hands-on experiment includes the following initial materials.

• The initial AJAX framework solution can be found in the Begin folder of the first exercise.

Note: The sample file in this experiment includes an end folder that contains the final solution after the practice is completed. If you need additional help to complete the exercise, you can use the solution as a guide.