• Implementing AJAX-Style Asynchronous Partial-Page Updates with the New ASP.NET AJAX UpdatePanel Control

  Page 2

• + Introducing the UpdatePanel Control

  Page 3

  • Setting Up a Web Application and a Page to Use UpdatePanel

    Page 5

  • The UpdatePanel Control

    Page 7

  • The ContentTemplate Property

    Page 7

  • The ScriptManager Control Dependency

    Page 8

  • + The UpdateMode Property

    Page 9

    • AsyncPostBackTrigger

      Page 10

    • PostBackTrigger

      Page 10

  • The RenderMode Property

    Page 10

  • + The UpdateProgress Control

    Page 11

    • Delaying the UpdateProgress control display

      Page 13

    • Integration of the progress indication in the layout of the page

      Page 14

  • Forcing a Control to Use Asynchronous Postbacks

    Page 14

  • Refreshing a Panel at Regular Intervals

    Page 14

  • Determining What Is Being Updated

    Page 15

• + Using the UpdatePanel Control

  Page 16

  • Making the ASP.NET 2.0 Wizard Control Behave in a More Fluid Manner

    Page 16

  • Creating a More Interactive Master/Details Page

    Page 19

  • + Creating a Search Page with a Pop-up Details Preview

    Page 28

    • Navigation vs. application operations

      Page 36

    • Implementing dynamic tooltips

      Page 39

• Repeating UpdatePanels

  Page 45

• Redirecting from an asynchronous postback

  Page 48

• Displaying Error Messages

  Page 48

• + Client-side representation of UpdatePanel controls and ScriptManager

  Page 49

  • + PageRequestManager events

    Page 50

    • initializeRequest

      Page 50

    • beginRequest

      Page 50

    • pageLoading

      Page 50

    • pageLoaded

      Page 51

    • endRequest

      Page 51

  • Sending structured data to the client

    Page 51

• + Dealing with Caveats

  Page 52

  • +

    Page 52

    • Writing controls for use in UpdatePanel

      Page 52

    • Nested UpdatePanels

      Page 53

    • UpdatePanel requests are sequential

      Page 54

    • xml-script in UpdatePanel

      Page 55

    • Forcing or preventing the update of a conditional panel

      Page 55

    • File upload and UpdatePanel

      Page 55

• For Further Reading

  Page 56

• + Appendix: Creating the AdventureProducts.xsd DataSet

  Page 56

  • Creating the DataSet File

    Page 56

  • Creating the Product Category Adapter

    Page 57

  • Creating the Product Table Adapter

    Page 57

  • Creating the Product Details Aadapter

    Page 58

  • Creating the Image Queries

    Page 59

This newly revised Short Cut teaches you how to build richer and more interactive Ajax-style web pages using ASP.NET AJAX, Microsoft's Ajax framework for ASP.NET 2.0. The ASP.NET AJAX UpdatePanel control is key to building ASP.NET 2.0 applications more responsive to user input and in this tutorial, you'll learn how to use it from the Microsoft experts: Bertrand Le Roy, UpdatePanel control's architect and developer, and Matt Gibbs, ASP.NET AJAX dev team manager.

Completely revised for the Version 1.0 release of ASP.NET AJAX, this Short Cut teaches you what you need to know to make UpdatePanel part of your application pages. You'll also learn how to use the control to improve the performance of an ASP.NET Wizard control; create a better master/details page for the AdventureWorks database; and add a pop-up preview to a search page. Finally, you'll learn how to display UpdatePanel error messages and deal with its quirks and limitations. And all of the example code is available for free download. In short, this PDF has exactly what you need to begin adding the interactivity of AJAX to your ASP.NET 2.0 applications today.