HttpCode

I’ve been a big fan of JQuery for a long time now, as I find myself using the ASP.NET MVC framework more and more, I find that I’ll tend to look towards a JQuery plugin as my first port of call if I need some client side functionality. However I’ve worked with a number of people who really like the ASP.NET AJAX control toolkit, usually these people don’t have much exposure to the vast richness of the JQuery landscape. So I thought it might be useful to point out some JQuery equivalents to the ASP.NET Ajax control toolkit:

ASP.NET Control Toolkit Accordian

JQuery:

http://jquery.bassistance.de/accordion/demo/

ASP.NET Control Toolkit Always Visible

JQuery:

This control shows a section of text that is always visible.

http://www.west-wind.com/WebLog/posts/388213.aspx

Alternatively the following code will provide the same effect as the ASP.NET control:

   1: $(window).scroll(function() {        

   2:         $('#jqueryScroll').animate({ top: $(window).scrollTop() + "px" }, { queue: false, duration: 350 });

   3: });

ASP.NET Control Toolkit Autocomplete

JQuery:

When you have typed more content than the specified minimum word length, a popup will show words or phrases starting with that value, the JQuery version can be easily bound to an ASP.NET MVC view that returns JSON data.

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

ASP.NET Control Toolkit Calendar

Standard calendar functionality

JQuery:

http://dev.jquery.com/view/trunk/ui/demos/functional/#ui.datepicker

ASP.NET Control Toolkit Cascading Dropdown

Surprisingly I couldn’t find a prebuilt JQuery plugin, the following links do show how simple it is to create using JQuery:

JQuery: http://devlicio.us/blogs/mike_nichols/archive/2008/05/25/jquery-cascade-cascading-values-from-forms.aspx

Other notable method (http://weblogs.asp.net/stephenwalther/archive/2008/09/06/asp-net-mvc-tip-41-creating-cascading-dropdown-lists-with-ajax.aspx)

ASP.NET Control Toolkit Collapsible Panel

JQuery:

http://roshanbh.com.np/2008/03/expandable-collapsible-toggle-pane-jquery.html or http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/

ASP.NET Control Toolkit Confirm Button

Very similar in functionally to the modal dialog plugin and the thickbox plugin.

JQuery:

http://www.ericmmartin.com/projects/simplemodal/

ASP.NET Control Toolkit Drag Panel

The standard JQuery UI library has the Dialog feature which is on par with the ASP.NET control toolkit.

JQuery:

http://docs.jquery.com/UI/Dialog

ASP.NET Control Toolkit DropDown

Simple menu drop down navigation

JQuery:

http://ayozone.org/2008/02/06/drop-down-menu-with-jquery/

ASP.NET Control Toolkit Drop Shadow

Create drop shadows around page elements, no images needed.

JQuery:

http://plugins.jquery.com/project/DropShadow

ASP.NET Control Toolkit Filtered Textbox

This plugin will restrict the input of a textbox, it may be used to allow only numeric input.

JQuery:

http://www.texotela.co.uk/code/jquery/numeric/

ASP.NET Control Toolkit List Search

The implementation of the JQuery control is a little bit different to the ASP.NET Ajax control, but it may still be useful.

JQuery:

http://rikrikrik.com/jquery/quicksearch/#examples  or  http://ejohn.org/blog/jquery-livesearch/

ASP.NET Control Toolkit Masked Edit

Another control that prevents certain input from being entered, this control allows for a mask to be displayed to help the user.

JQuery:

http://digitalbush.com/projects/masked-input-plugin/

ASP.NET Control Toolkit Modal Popup

A plugin that helps create modal experiences.

JQuery:

http://famspam.com/facebox or http://www.ericmmartin.com/simplemodal/ or  http://jquery.com/demo/thickbox/

ASP.NET Control Toolkit Slider

Create a winforms like slider.

JQuery:

http://docs.jquery.com/UI/Slider

ASP.NET Control Toolkit Mutually Exclusive CheckBox

Not so much a plugin, but sample code to show the concept.

JQuery: http://blog.schuager.com/2008/09/mutually-exclusive-checkboxes-with.html

ASP.NET Control Toolkit Numeric up / down

A textbox control that has buttons to increment or decrement the number, much like the numeric spin button in winforms.

JQuery:

http://plugins.jquery.com/project/spin-button

ASP.NET Control Toolkit Password strength

A control that will help users pick a strong password.

JQuery:

http://plugins.jquery.com/project/pstrength or http://phiras.wordpress.com/2007/04/08/password-strength-meter-a-jquery-plugin/

ASP.NET Control Toolkit Rating

The star rating control is flexible enough to work on down level browsers.

JQuery:

http://www.fyneworks.com/jquery/star-rating/#

ASP.NET Control Toolkit Resizable Control

Turns any DOM element into a resizable control, the user can expand the element by dragging the corner to make the control the desired size.

JQuery:

http://docs.jquery.com/UI/Resizables

ASP.NET Control Toolkit Rounded Corners

Use JQuery to create rounded corners without using images (if your browser doesn’t have an extension to create them).

JQuery:

http://plugins.jquery.com/project/corners

ASP.NET Control Toolkit Slide Show

A number of Slide Show and image carousel plugins are around, I’ve picked a couple below:

JQuery:

http://malsup.com/jquery/cycle/  or http://www.gmarwaha.com/jquery/jcarousellite/

ASP.NET Control Toolkit Tabs

JQuery:

The JQuery tab plugin is very powerful, it allows you to keep tight control over the page HTML

http://docs.jquery.com/UI/Tabs

ASP.NET Control Toolkit Textbox Watermark

A watermark control is simply a textbox with either an image or text inside that disappears when the user clicks inside the textbox.

JQuery:

http://plugins.jquery.com/project/jWatermark

ASP.NET Control Toolkit Validator Callout

JQuery:

An apples for apples equivalent can be found below

http://www.carnovsky.net/samples/jquery_callout_plugin.htm 

Or a more complete and extensible validation plugin (which rivals the ASP.NET validation framework) :

http://jquery.bassistance.de/validate/demo/