jQuery vs AJAX Control Toolkit

  • 11,920 views
Uploaded 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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • 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
    Are you sure you want to
    Your message goes here
    Be the first to like this
No Downloads

Views

Total Views
11,920
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
114
Comments
1
Likes
0

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
    An Introduction and Comparison between jQuery and the AJAX Control Toolkit
    T Josephson & E Ralston
    BIS BoF
    August 24th, 2009
  • 2. 2
  • 3. 3
    Ajax Control Toolkit
    • 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
  • 4
    Controls vs. Extenders
    *Controls* are new UI elements
    *Extenders* extend existing UI elements
    Example:
    Tabs, ComboBox, HTMLEditor, NoBot, Rating, ReorderList are the controls
    AutoComplete and Calendar are TextBox extenders
    • 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
    4
  • 14. 5
    Ajax Control Toolkit Summary
    • 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
    http://www.codeplex.com/Wiki/View.aspx?ProjectName=AjaxControlToolkit
    • Interesting development model for Microsoft
    • 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