A short discussion of the difference in purpose between AJAX Control Toolkit and jQuery and when one should be used over the other.

1. 1 An Introduction and Comparison between jQuery and the AJAX Control Toolkit T Josephson & E Ralston BIS BoF August 24th, 2009

2. 2

4. use like conventional ASP.NET controls

5. encapsulate client-side CSS and JavaScript

6. Ajax-aware as appropriate

7. Developed using a collaborative source model

8. source freely available with modification license

9. contributions welcome from all developers

11. Extenders increase flexibility of toolkit:

12. apply to a variety of ASP.NET controls

13. apply to existing controls in existing apps4

15. encapsulates complex JavaScript, CSS and Ajax

16. Extender model increases flexibility of toolkit

17. Toolkit offers some nice functionality

19. contributions welcome from all!5

20. jQuery Open Source JavaScript Library Goals Leverage CSS Selectors Simplify DOM Manipulation Lightweight Be extensible Be functional 6

21. Events & Effects Provides programmatic event hookup Mouse & Keyboard Apply various effects Show/Hide, Fade, Slide, and Animate Other effects available using plug-ins 7

22. jQuery Plug-ins JavaScript Libraries that depend on jQuery and add functionality jQuery UI is one plugin Over 1000 more available as plugins.jquery.com “Controls” Animation Layout Media Data 8

23. AJAX Control Toolkit Demo 9

24. jQuery Demo 10

25. jQuery & Microsoft AJAX 11 jQuery is supported by Microsoft jQuery will ship with Visual Studio 2010 Available for 2008 with a patch

26. Pitfalls When Using jQuery & AJAX Control Toolkit Together AJAX + jQuery + jQuery Plug-ins = a lot of JavaScript! AJAX Controls have unreliable IDs, use CSS Class or element type Using AJAX to update the screen removes jQuery effects A plain UpdatePanel can also have this effect 12

27. When should I use each library? AJAX Control Toolkit when… You are using ASP.net & Visual Studio You want to callback to the server implicitly You want a simple solution jQuery when… You are really comfortable with JavaScript Most interaction is client-side only You need a custom solution 13

28. Questions? 14