jQuery vs AJAX Control Toolkit


Published on

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

1 Comment
1 Like
  • Very informative ppt. Its really helpful for me and clear all my basic doubts. Thanks for sharing with us. I had found another nice post over the internet, related to this post with wonderful explanation which is also helped me to complete my task, here i would like to share the link of that post please check out it...

    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

jQuery vs AJAX Control Toolkit

  1. 1. 1<br />An Introduction and Comparison between jQuery and the AJAX Control Toolkit<br />T Josephson & E Ralston<br />BIS BoF<br />August 24th, 2009<br />
  2. 2. 2<br />
  3. 3. 3<br />Ajax Control Toolkit<br /><ul><li>Library of CSS-driven, Ajax-enabled server-side controls and extenders
  4. 4. use like conventional ASP.NET controls
  5. 5. encapsulate client-side CSS and JavaScript
  6. 6. Ajax-aware as appropriate
  7. 7. Developed using a collaborative source model
  8. 8. source freely available with modification license
  9. 9. contributions welcome from all developers
  10. 10. 37 controls in current release</li></li></ul><li>4<br />Controls vs. Extenders<br />*Controls* are new UI elements<br /> *Extenders* extend existing UI elements<br /> Example:<br />Tabs, ComboBox, HTMLEditor, NoBot, Rating, ReorderList are the controls<br />AutoComplete and Calendar are TextBox extenders<br /><ul><li>Both offer client-side functionality with sophisticated JavaScript renderings
  11. 11. Extenders increase flexibility of toolkit:
  12. 12. apply to a variety of ASP.NET controls
  13. 13. apply to existing controls in existing apps</li></ul>4<br />
  14. 14. 5<br />Ajax Control Toolkit Summary<br /><ul><li>Toolkit offers client-side controls in a convention ASP.NET model
  15. 15. encapsulates complex JavaScript, CSS and Ajax
  16. 16. Extender model increases flexibility of toolkit
  17. 17. Toolkit offers some nice functionality
  18. 18. Requires install of the Ajax Control Toolkit to get started</li></ul>http://www.codeplex.com/Wiki/View.aspx?ProjectName=AjaxControlToolkit<br /><ul><li> Interesting development model for Microsoft
  19. 19. contributions welcome from all!</li></ul>5<br />
  20. 20. jQuery<br />Open Source JavaScript Library<br />Goals<br />Leverage CSS Selectors<br />Simplify DOM Manipulation<br />Lightweight<br />Be extensible<br />Be functional<br />6<br />
  21. 21. Events & Effects<br />Provides programmatic event hookup<br />Mouse & Keyboard<br />Apply various effects <br />Show/Hide, Fade, Slide, and Animate<br />Other effects available using plug-ins <br />7<br />
  22. 22. jQuery Plug-ins<br />JavaScript Libraries that depend on jQuery and add functionality<br />jQuery UI is one plugin<br />Over 1000 more available as plugins.jquery.com<br />“Controls”<br />Animation<br />Layout<br />Media<br />Data<br />8<br />
  23. 23. AJAX Control Toolkit Demo<br />9<br />
  24. 24. jQuery Demo<br />10<br />
  25. 25. jQuery & Microsoft AJAX<br />11<br />jQuery is supported by Microsoft<br />jQuery will ship with Visual Studio 2010<br />Available for 2008 with a patch<br />
  26. 26. Pitfalls When Using jQuery & AJAX Control Toolkit Together<br />AJAX + jQuery + jQuery Plug-ins = a lot of JavaScript!<br />AJAX Controls have unreliable IDs, use CSS Class or element type<br />Using AJAX to update the screen removes jQuery effects<br />A plain UpdatePanel can also have this effect<br />12<br />
  27. 27. When should I use each library?<br />AJAX Control Toolkit when…<br />You are using ASP.net & Visual Studio<br />You want to callback to the server implicitly<br />You want a simple solution<br />jQuery when…<br />You are really comfortable with JavaScript<br />Most interaction is client-side only<br />You need a custom solution<br />13<br />
  28. 28. Questions?<br />14<br />