jQuery Treejs Plugin Demos

Demo

HTML data

You can initialize TreeJS by using the below code:

                                            $("#tree").treejs({
                                                    url      : 'treejs_data.php',
                                                    sourceType  : 'html'
                                            });

Where url is the url for the ajax() call.
Click here to check the Html format

JSON data

You can initialize TreeJS by using the below code:

                                            $("#tree").treejs({
                                                    sourceType  : 'json',
                                                    dataSource  : jsonObj
                                            });

Where jsonObj is a JSON Object.
Click here to check the JSON format

var jsonObj ={ "4":{ "parentNodeId":"4", "parentNodeTxt":"product", "childNodes":[ { "id":"5", "name":"product-create" }, { "id":"6", "name":"product-update" } ] }, "9":{ "parentNodeId":"9", "parentNodeTxt":"file", "childNodes":[ { "id":"5", "name":"product-create" }, { "id":"6", "name":"product-update" } ] } };