« Time Tracking has arrived with Web 2.0 | Main | Role of the "Proxy Customer" (Agile for: Business Analyst) »

A 15 minute primer on ASP.Net AJAX

I think I did this in the spring of 2007, the audio quality is very poor (sorry).

Please enjoy one of the following formats:




Basic Squence I Followed



This is the script I created to keep me moving for this video capture demo.


Create Default Web Page


  • Status : Dropdownlist

    • Active : false : (default)

      • Complete : true
      • AutoPostBack






    • div : todoheader : "To-do List Items"





    • GridView

      • ObjectDataSource
      • Format GridView (or CssClass = gridview AltRow Style = even GridLines = None)
      • Page, Sort, Edit






    • div : insertheader : "New To-do Item"







      • DetailsView

        • DataSource : ObjectDataSource1
        • Enable Insert
        • Properties : DefaultMode : insert
        • Format DetailsView (or CssClass = detailsview Gridlines = None)






Show the app


  • Note full page refreshes (What we will fix)
  • Add a new item or two


Ajax Enable Application


  • Add ScriptManager (One and Only One)
  • Add UpdatePanel (Partial Page update)

    • Define Content Template

      • Insert the GridView (PostBacks intercepted)
      • Wire-up to Dropdown
      • Define Triggers

        • Async : Dropdown SelectedIndexChange







    • Add UpdatePanel

      • Insert DetailsView

        • Set UpdateMode to conditional





(If there is Time or Optional show more stuff in class)




    • Add Update Progress Control

      • Define Progress Template

        • div : progress
        • img : "throbber"
        • text : "Updating...."