Introduction to ASP.NET AJAX Library (BETA)Krishna Chaitanya TSenior Systems Engineer | Infosys Technologies Limitedwww.novogeek.com | krishnachaitanya.t@live.com

Agenda

• ASP.NET AJAX Library - What’s happening?

• More developer friendly• Cross browser, any platform• Don’t change your style!

• Enhanced performance• Microsoft AJAX CDN• Script loader - Script combining,

lazy/parallel loading• Client side data binding, invoking

remote services

What’s happening?

ASP.NET AJAX Library now moved to Codeplex as open source projectMore focus on client side web development

Full support for jQueryMerging Ajax Control Toolkit with ASP.NET AJAX Library

All ACT controls can now be instantiated as jQuery plugins

Full product support after full release

More developer friendly

Compatible with all major browsersIE6+, Firefox, Chrome, Safari, Opera

Not tightly bound to ASP.NETSupports ASP.NET MVC, Ruby on Rails, PHP

Supporting powerful jQuery selectors~34 controls converted to pure client side script, JavaScript/jQuery intellisense provisionIt’s open source! Explore n enjoy

Don’t change your style!

Use the new controls as per your coding style.Multiple ways of instantiating controls:

Imperative - in JavaScript (Sys.create)Imperative - using jQueryDeclarative - in HTML markupASP.NET Web form control – with ASP.NET web forms

Instantiating AJAX client controls

Imperatively, Declaratively, using jQuery

DEMO

Enhanced Performance

Microsoft AJAX Content Delivery Network

High performance servers, Cached content

CDN contains the following:ASP.NET AJAX Library & its releasesjQuery, jQuery validation & its releasesASP.NET MVC releases

<script src="http://ajax.Microsoft.com/ajax/beta/0909/MicrosoftAjax.js" type="text/javascript"></script>  <asp:ScriptManager ID="ScriptManager1" EnableCdn="true" runat="server">  </asp:ScriptManager>

AJAX Script Loader

Located in start.jsCapable of loading ASP.NET AJAX library scripts, jQuery, jQuery validation.Detecting DOM ready

Sys.onReadyLoading required scripts

Sys.require

AJAX Script Loader

Loading scripts in parallelScript combining Loading dependent scripts

Dependencies & Execution dependenciesOn demand loading (lazy loading) and loading custom scripts

Sys.require & Sys.loadScripts

Script Loader

Lazy loading, script combining

DEMO

Client side data binding

DataView component for client side templating

Can be used imperatively, declaratively or by using jQuery.Can be imagined as client side repeaterLight weight JSON data format for data binding

Data from ASMX, WCF, ADO.NET web services and from remote websites can be bound easily on the client side.

Client side data binding

Adding event handlers, Invoking remote services, client side templating

DEMO

References

ASP.NET AJAX Libraryhttp://www.asp.net/ajaxlibrary/learn.ashx

Channel 9http://channel9.msdn.com

Feedback / QnA

Your Feedback is Important!Please take a few moments to fill out our

online feedback form

Use the Question Manager on LiveMeeting to ask your questions now!

Contact

Blog Addresswww.novogeek.com

Email Addresskrishnachaitanya.t@live.com

© 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after

the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.