Your SlideShare is downloading. ×
0
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
jQuery vs AJAX Control Toolkit
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

jQuery vs AJAX Control Toolkit

12,191

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.

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,191
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
116
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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<br />
  • 3. 3<br />Ajax Control Toolkit<br /><ul><li>Library of CSS-driven, Ajax-enabled server-side controls and extenders
  • 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
  • 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. Extenders increase flexibility of toolkit:
  • 12. apply to a variety of ASP.NET controls
  • 13. apply to existing controls in existing apps</li></ul>4<br />
  • 14. 5<br />Ajax Control Toolkit Summary<br /><ul><li>Toolkit offers client-side controls in a convention ASP.NET model
  • 15. encapsulates complex JavaScript, CSS and Ajax
  • 16. Extender model increases flexibility of toolkit
  • 17. Toolkit offers some nice functionality
  • 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. contributions welcome from all!</li></ul>5<br />
  • 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. 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. 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. AJAX Control Toolkit Demo<br />9<br />
  • 24. jQuery Demo<br />10<br />
  • 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. 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. 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. Questions?<br />14<br />

×