JQuery Treeview with MVC3

First I thought implementing a tree view in MVC3 Razor will be a big headache. But if you believe me or not, thanks to Jquery plugins it's very easy to implement a tree view using Jquery. So I would like to share a small example about how to implement a JQuery tree view in MVC3 Razor.

It's very simple.

First of all you will need to download jquery.treeview.css and jquery.treeview.js. Here is the download link. http://dev.jquery.com/view/trunk/plugins/treeview/

By looking at the source code you can get a complete idea about how to implement a tree view. You can download the source code here.

Enjoy with Jquery power.

Cascading dropdownlist in MVC3 Razor

I was searching a cascading dropdownlist for MVC 3 Razor for my new project at work. Since I’m new to MVC 3 I searched for similar example in the Internet, but couldn’t find any example to fulfill my requirement. There were lots of similar example but most of them are not working or not compatible with Razor. Eventually I was able to come up with a working solution and one good example from the internet also helped me to develop this solution. I hope this will help you a lot.

Razor View

Controller

Most of the example I have seen in the internet, it returns IList type collection as a Json result from the controller. I think that is the main reason for most of the examples does not work. But what I have done here is, instead of sending IList collection as the Json result, I'm sending a SelectListItem collection. It's working fine and if you have any suggestion please do send me to improve this solution.

Also you can download complete source code here