The New ASP.NET Ajax Library

1. PDC09-FT29 The New ASP.NET Ajax Library Stephen Walther Senior Program Manager Microsoft Corporation

2. Introduction ASP.NET Ajax Library • Big Announcements • Features • Partners/Customers

3. Big Announcements 5 Big Announcements!

4. Big Announcement #1 The ASP.NET Ajax Library Beta is released at: • CodePlex • http://Ajax.CodePlex.com • Microsoft Ajax CDN • http://ajax.microsoft.com/ajax/beta/0911/start.js

5. Big Announcement #2 We are combining the Microsoft Ajax Library and the AJAX Control Toolkit • AJAX Control Toolkit – Over 25,000 developers download it every week • Microsoft Ajax Library – Powerful client data access technology

6. Big Announcement #2 MicrosoftAjax System.Web.Ajax MicrosoftAjax.Extended AjaxControlToolkit Client Server ASP.NET Ajax Library http://Ajax.CodePlex.com

7. Big Announcement #2 ASP.NET Ajax Library works with: • ASP.NET Web Forms • ASP.NET MVC • Pure HTML • PHP, Ruby on Rails, and anything else

8. Big Announcement #2 We are launching two new websites: • http://Ajax.CodePlex.com • Download the ASP.NET Ajax Library • Download the Source Code • http://www.ASP.net/ajaxLibrary • Reference documentation • Tutorials • Sample Applications

9. #3 CodePlex Foundation Announcement The ASP.NET Ajax Library is being contributed to the CodePlex Foundation • Enables the ASP.NET Ajax Library project to accept community contribution. Please watch www.asp.net/ajaxLibrary for details Enabling the exchange of code and understanding among software companies and open source communities -- CodePlex Foundation (http://CodePlex.org)

10. Big Announcement #4 Microsoft Product Support: We plan to provide both standard and premier support for the ASP.NET Ajax Library when it RTMs. This support will be available to professional and premier customers at current incidence rates

11. Big Announcement #5 jQuery Integration: • All ASP.NET Ajax controls are exposed as jQuery plug-ins automatically • You can use jQuery selectors in ASP.NET Ajax code

12. Announcement Summary • ASP.NET Ajax Library Beta Released • ASP.NET Ajax Library includes the AJAX Control Toolkit • ASP.NET Ajax Library being contributed to the CodePlex Foundation • ASP.NET Ajax Library is receiving full product support • ASP.NET Ajax Library supports jQuery integration

13. ASP.NET Ajax Library Rich library for building Ajax applications: • Compatible with all modern browsers including Microsoft Internet Explorer, Google Chrome, Apple Safari, Opera, and Mozilla Firefox. • Includes a rich set of server-side controls for ASP.NET Web Forms developers. • Includes pure client library for ASP.NET MVC, PHP, or pure HTML applications.

14. ASP.NET Ajax Library Features • Powerful Client Data Access Library • Rich Set of Client Controls • Seamless jQuery Integration

15. Powerful Client Data Access Library • Client Data Access • ASMX Web Services • WCF Services • ADO.NET Data Services • MVC Controllers • Any JSON End-Point • Client Templates • Client Data-Binding • 2 way data-binding

16. Displaying Data from a WCF Service demo

17. Creating a Master/Detail form demo

18. Updating Database Data Demo

19. Rich Set of Client Controls The ASP.NET Ajax Library includes all 40 of the controls included in the AJAX Control Toolkit: • Accordion • AutoComplete • Calendar • CollapsiblePanel • MaskedEdit • ModalPopup • Slider • Tabs … and so on …

20. Rich Set of Client Controls Web Form developers can drag-and-drop Ajax Control Toolkit controls from the Visual Studio Toolbox and use the Extender Wizard:

21. Rich Set of Client Controls The New Client Script Loader: • Loads all scripts required by a component and executes the scripts in the right order automatically. • Supports combining scripts automatically for improved performance. • Supports on-demand loading. • Enables AJAX Control Toolkit controls to be used in ASP.NET Web Forms, ASP.NET MVC, HTML, PHP, and any other type of web application.

22. Using the client script loader Demo

23. Using ASP.NET Ajax client controls (Ajax Control Toolkit in ASP.NET Ajax Library) Demo

24. jQuery Integration All ASP.NET Ajax Library controls are exposed as jQuery plug-ins automatically: $(“#input1”).watermark( “Enter some text” );

25. Client data access with jQuery Demo

26. Partners/Customers • Messenger Web Toolkit Using the ASP.NET Ajax Library for their Messenger Web Toolkit • NASA Using the ASP.NET Ajax Library for the NASA community website.

27. NASA customer

28. NASA • Microsoft Town Hall Project – going into CodePlex • Allows quick and easy creation of a community site for crowd-sourcing questions • NASA are the first to use it • Will use ASP.NET Ajax Library and MVC 2

30. Summary ASP.NET Ajax Library Announcements: • AJAX Control Toolkit – Includes all controls from the AJAX Control Toolkit project. • Server Agnostic – Works with Web Forms, MVC, PHP, or whatever. • Open Source – Part of CodePlex Foundation • Fully Supported – Core Library is fully supported by Microsoft Customer Support Services. • CDN – You can use the ASP.NET Ajax Library directly from the Microsoft Ajax CDN

31. Summary ASP.NET Ajax Library Features: • Powerful Client Data Access • Enables you to retrieve and modify data from ASMX, WCF, and ADO.NET Data Services (any JSON End Point). • Enables you to format data with client templates. • Rich Set of Controls • Includes all 40 controls from the AJAX Control Toolkit • You can use all of these controls in ASP.NET Web Forms • You can use (most) of these controls in ASP.NET MVC, HTML, and so on. • Seamless jQuery Integration • All ASP.NET Ajax controls are exposed as jQuery plug-ins automatically.

32. Additional Resources • Check out the announce blog post http://www.jamessenior.com/ • Check out Channel 9 Learn center http://channel9.msdn.com/learn/ • Check out the hands-on labs at PDC

33. Additional Resources Download the ASP.NET Ajax Library at: http://Ajax.CodePlex.com Learn how to use the ASP.NET Ajax Library at: http://www.ASP.net/ajaxLibrary