When you want to display your data in parent child hierarchical view, then jQuery’s jqTree is the most simplest and easy plugin which can be configured in just 5 mins.
By following their official documentation steps, I just created a simple one page(combined all in the below one file only for easy try) which works nicely. But they provide lot of examples and customization’s which you can use anywhere in your custom requirements and projects.
Step 1: Include jQuery Js File
Step 2: Include jqTree’s js (tree.jquery.min.js) and css (jqtree.min.css) files
Step 3: Create a div with id as tree1 to display the tree in that particular div area.
Step 4: Have a data in json format and pass that as a input to the tree to make it appear as parent child view in your html templates.
If you have your data from any webservice url/in any files/ accordingly use
$.ajax and populate the data accordingly.
I also created a sample demo page for the above simple example here.
please go through their official site for customization’s:
285 total views, 2 views today