1<br />An Introduction and Comparison between jQuery and the AJAX Control Toolkit<br />T Josephson & E Ralston<br />BIS Bo...
2<br />
3<br />Ajax Control Toolkit<br /><ul><li>Library of CSS-driven, Ajax-enabled server-side    controls and extenders
 use like conventional ASP.NET controls
 encapsulate client-side CSS and JavaScript
 Ajax-aware as appropriate
Developed using a collaborative source model
 source freely available with modification license
 contributions welcome from all developers
 37 controls in current release</li></li></ul><li>4<br />Controls vs. Extenders<br />*Controls* are new UI elements<br /> ...
Extenders increase flexibility of toolkit:
 apply to a variety of ASP.NET controls
 apply to existing controls in existing apps</li></ul>4<br />
5<br />Ajax Control Toolkit Summary<br /><ul><li>Toolkit offers client-side controls in a convention ASP.NET model
Upcoming SlideShare
Loading in...5
×

jQuery vs AJAX Control Toolkit

12,271

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
Statistics
Notes
  • 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...
    http://mindstick.com/Articles/019e816a-4331-4cd2-bdb0-7da690b0cfea/?Ajax%20Toolkit%20NoBot%20Control%20in%20ASP.Net

    Thanks
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
12,271
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
118
Comments
1
Likes
1
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 />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×