Asp.NET MVC,Jquery and Razor – Cascading dropdown,retrieving partial views,Json send objects,handling errors

There are many blogs and other posts on using jQuery with MVC. You can find individual posts on:

· How to send objects to an action method via JavaScript.

· How to retrieve partial views.

· How to handle errors.

I have written a sample showing how to do all of these together. The sample is written in MVC 3 using Razor views

The sample demonstrates:

Cascading dropdown ( see the button Populate from action and Cascading drop down)
Populating a table from a Partial View(see the button Add New Employee(jquery call action and render)
How to handle error from action ( press Save 2 )
How to send id parameters (long) from javascript to action ( press Delete 1 or Delete 2)
How to send objects(Employee) from javascript to action ( press Save 1 or Save 2)

Without further ado,this is the project . Enjoy!

Jquery MVC Razor demo full

PS: If you seems that the code is too hard,here is a more detailed explanation :http://msprogrammer.serviciipeweb.ro/2011/12/05/jquery-ajax-request-and-mvcdetailed/

Posted

2011-02-13

ASP.NET MVC

ignatandrei

Tags:

cascading drop down list, jquery, partial views

Comments

17 responses to “Asp.NET MVC,Jquery and Razor – Cascading dropdown,retrieving partial views,Json send objects,handling errors”

Rick Anderson/Microsoft

2011-02-14

Very cool!

Reply
Aaron

2011-03-03

Thanks, I had only seen this done with MVC2

Reply
Fabian

2011-06-21

Hi! Thanks! It was very helpful for me!
And also i want to know how can i validate a Select created in HTML with the validations in the model?

Reply
Nobel

2011-07-31

Wow! many thanks man, you’re a genius.
You save a lot of my time research.

Reply
Tri Tram

2011-08-16

very good article…thanks you so much..your explanation ‘s very detail and source code so easy to understand with your break point…once again..good article

Reply
Krokonoster

2011-12-12

Thanks Andrei.
After being absent from MVC a while, your site was just the place to head to catch up on what I forgot.
Thanks!

Reply
1. Andrei Ignat
  
  2011-12-12
  
  Thank you too!
  
  Reply
Frank

2012-01-12

great article, By learning from your article, I assume that I could make Master Detail Product Entry form in ASP.net MVC.

Reply
1. Andrei Ignat
  
  2012-01-12
  
  Exactly. Just look at how I add a new employee and save an existing employee.
  
  Reply
Photobooth Manila

2012-03-16

Is jQuery can cause a slow loading of a page?

Reply
1. Andrei Ignat
  
  2012-03-16
  
  What page? And what does it mean “slow”?
  
  Reply
David

2012-11-30

the way I learned MVC was using the Models, Controllers and View folders – and data access being separate.
To me, this example is very confusing, since in your Repository, you have ListEmployeesViewModel – there is no model for the controller in the model folder. I have a very hard time distinguishing how the parts all fit together.

Reply
1. Andrei Ignat
  
  2012-12-04
  
  Being separate in the same project(MVC) is not enough separate for me.
  Please see detailed explanation here
  http://msprogrammer.serviciipeweb.ro/2011/12/05/jquery-ajax-request-and-mvcdetailed/
  
  Reply
tentatively

2013-01-30

Pretty! This was a really wonderful post.
Many thanks for supplying these details.

Reply
john

2013-06-13

This is a good exemple for work with MVC with Umbraco. THANKS

Reply
Ashutosh

2014-03-24

How to Pass the Parameter in Actionresult type.
This is return as PartialView.

Reply
1. Andrei Ignat
  
  2014-03-25
  
  Did you read my post and download the example?
  
  Reply