This blog has, IMO, some great resources. Unfortunately, some of those resources are becoming less relevant. I'm still blogging, learning tech and helping others...please find me at my new home on http://www.jameschambers.com/.

ASP.NET MVC and jQuery

This is a tutorial series I am writing that covers integration of jQuery with the ASP.NET MVC Framework.

UPDATE (Oct 4/2010): I have recently finished 11 additional articles as part of a contract with a publisher. I am excited to share these with my blog followers and will as soon as we have the rights all tied up.  Thanks for your patience as I close out that series!

I will do my best to incorporate a wide variety of topics.  My style is quite relaxed and I believe it is easy to read. In each post I will clearly summarize the steps required to accomplish a particular goal and then break it down in greater detail for folks who are just starting out.

As I complete new additions to the series, I will post them here. While I will start off at a basic level I will be moving to more complicated scenarios and will also include projects and solution files where a lot of setup is required.

As a side note, I don't type too fast, so you can read slowly if you need to.  ;o)

The Articles

  • Part 1: Getting Started
    • A primer on getting ASP.NET MVC 2 rigged up to use jQuery.  Walks you through the basics required to use the JavaScript library across all pages in a Master Page template-based site.
  • Part 2: Suggesting Content
    • Create a suggestion panel similar to sites like StackOverflow and MSDN when users enter text.  Uses jQuery to submit form information to an ASP.NET MVC controller action and display the formatted PartialView on the client via AJAX.
  • Part 3: Model Binding
    • A primer on model binding in ASP.NET MVC and how to leverage some of the basics with jQuery. Covers submitting form data and parsing the result along with a small hint of jQuery UI.
  • Part 4: Advanced Model Binding
    • A look at how lists and complex objects can be manipulated on the client with the help of jQuery, submitted to the action for processing and having the MVC Framework properly build up even complex objects for us in the controller.
Previous jQuery Posts
  • Integrating jQuery UI's Autocomplete widget with ASP.NET MVC 2
    • The article walks you through, step-by-step and start-to-finish on implementing textbox autocomplete functionality with the 1.8 release of jQuery UI. Though this is based on VS2010 RC and doesn't use the default jQuery library, everything in this post still applies and works in the RTM.  This is currently one of the most-accessed pages on my site.  
  • Updating the default version of jQuery including in ASP.NET MVC 2 Web Applications
    • You can use these techniques - I provide automated and manual processes - to update your default Visual Studio 2010 templates to include the latest version of jQuery.  You can also use this method to bake in your own scripts, pages, modules, DLLs or content as required.
  • Create a Basic Pop-Out Panel
    • Have a stay-in-place control on your page that expands (slides out) when a user mouses over it. Use it for navigation, contact information or other content.  Final solution integrated with a partial view so that you can populate the content with the ASP.NET MVC framework.