jQuery vs AJAX Control Toolkit
Upcoming SlideShare
Loading in...5
×
 

jQuery vs AJAX Control Toolkit

on

  • 14,010 views

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.

Statistics

Views

Total Views
14,010
Views on SlideShare
13,956
Embed Views
54

Actions

Likes
0
Downloads
113
Comments
1

5 Embeds 54

http://www.slideshare.net 42
https://twitter.com 9
http://www.linkedin.com 1
http://www.docshut.com 1
http://www.slashdocs.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • 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
    Processing…
Post Comment
Edit your comment

jQuery vs AJAX Control Toolkit jQuery vs AJAX Control Toolkit Presentation Transcript

  • 1
    An Introduction and Comparison between jQuery and the AJAX Control Toolkit
    T Josephson & E Ralston
    BIS BoF
    August 24th, 2009
  • 2
  • 3
    Ajax Control Toolkit
    • 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
  • 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
    • Extenders increase flexibility of toolkit:
    • apply to a variety of ASP.NET controls
    • apply to existing controls in existing apps
    4
  • 5
    Ajax Control Toolkit Summary
    • Toolkit offers client-side controls in a convention ASP.NET model
    • encapsulates complex JavaScript, CSS and Ajax
    • Extender model increases flexibility of toolkit
    • Toolkit offers some nice functionality
    • Requires install of the Ajax Control Toolkit to get started
    http://www.codeplex.com/Wiki/View.aspx?ProjectName=AjaxControlToolkit
    • Interesting development model for Microsoft
    • contributions welcome from all!
    5
  • jQuery
    Open Source JavaScript Library
    Goals
    Leverage CSS Selectors
    Simplify DOM Manipulation
    Lightweight
    Be extensible
    Be functional
    6
  • Events & Effects
    Provides programmatic event hookup
    Mouse & Keyboard
    Apply various effects
    Show/Hide, Fade, Slide, and Animate
    Other effects available using plug-ins
    7
  • 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
  • AJAX Control Toolkit Demo
    9
  • jQuery Demo
    10
  • jQuery & Microsoft AJAX
    11
    jQuery is supported by Microsoft
    jQuery will ship with Visual Studio 2010
    Available for 2008 with a patch
  • 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
  • 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
  • Questions?
    14