1. AJAX ASP.NET MIS 424 MIS 424 Professor Sandvig Professor Sandvig

2. Today 1.ASP.NET AJAX 2.Controls: built-in properties 3.ScriptManager, UpdatePanel

3. ASP.NET 2.0 AJAX ASP.NET provides built-in AJAX functionality Two flavors: Built into some Data Controls Built into some Data ControlsLimitations ScriptManager & Update Panel ScriptManager & Update Panel Very flexible

4. Server Controls Built in AJAX functionality GridView, DetailsView, FormView GridView, DetailsView, FormView Property: AllowSortingAndPagingCallbacks Benefits Easy to implement Easy to implementLimitations: Controls cannot use templates Controls cannot use templates Inefficient: retrieves all data and discards extra Inefficient: retrieves all data and discards extra

5. UpdatePanel UpdatePanel Wrap any server controls Wrap any server controls Become AJAX enabled Become AJAX enabledBenefits Easy to implement Easy to implement Flexibility Flexibility Mix & match controls Specify triggers

6. Update Panel Disadvantage JavaScript cannot be tweaked JavaScript cannot be tweaked Fine if it meets your needs Heavy Heavy All controls are repopulated Viewstate also sent/received Example: Cascading Dropdown: Cascading Dropdown: CarParts.com AjaxAspNet.aspx

7. AJAX Toolkit Ajax Toolkit Ajax Toolkit Includes several prewritten AJAX & JavaScript scripts Includes several prewritten AJAX & JavaScript scripts

8. Summary ASP.NET Ajax 1. Built into some controls Sorting and pagingSorting and paging 2. Update Panel will “Ajaxify” all controls 3. Ajax toolkit Drag-and-drop AJAX controlsDrag-and-drop AJAX controlsBenefit: Convenience Convenience Flexibility FlexibilityDisadvantage: Inefficient use of bandwidth (speed) Inefficient use of bandwidth (speed)