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:
- avi aspnetajax.avi - (@ 50 MB)
- flash aspnetajax-flash.swf - (@ 22 MB)
- wmv aspnetajax-high.wmv - (@ 14 MB)
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
- Complete : true
- Active : false : (default)
- div : todoheader : "To-do List Items"
- div : todoheader : "To-do List Items"
- GridView
- ObjectDataSource
- Format GridView (or CssClass = gridview AltRow Style = even GridLines = None)
- Page, Sort, Edit
- ObjectDataSource
- GridView
- div : insertheader : "New To-do Item"
- div : insertheader : "New To-do Item"
- DetailsView
- DataSource : ObjectDataSource1
- Enable Insert
- Properties : DefaultMode : insert
- Format DetailsView (or CssClass = detailsview Gridlines = None)
- DataSource : ObjectDataSource1
- DetailsView
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
- Async : Dropdown SelectedIndexChange
- Insert the GridView (PostBacks intercepted)
- Define Content Template
- Add UpdatePanel
- Insert DetailsView
- Set UpdateMode to conditional
- Set UpdateMode to conditional
- Insert DetailsView
- Add UpdatePanel
(If there is Time or Optional show more stuff in class)
- Add Update Progress Control
- Define Progress Template
- div : progress
- img : "throbber"
- text : "Updating...."
- div : progress
- Define Progress Template
- Add Update Progress Control