Sunday, June 5, 2011

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.




2 comments:

Jim said...

Very nice. Thanks for the post.

BLSangle said...

Very Nice Post........which i need i totally get, but My question is that
how to add another node to subprocess,i.e

Process 1
Subprocess 1.1
Function 1.1.1
Function 1.1.2
Subprocess 1.2
Process 2
----
like wise i want to make ProcessHiearchy....but i m confused to where to add third node....plz help me