Jorgchart, to help you generate an org chart

：

http://yunpan.cn/c6pfenkmmFV2q Access Password 8e29

Demo Link:

Http://www.gbtags.com/gb/share/546.htm

Jstree.js is also a hierarchical mechanism of JS control
Example:

      var contextualmenusample = function () {$ ("#tree_3"). Jstree ({"core": {                     "Themes": {"responsive": false},//so that create works "Check_callback": true, ' data ': {' URL ': function (node)                        {return "/departmentlist/companyid/" +companyid;                        }, ' Data ': function (node) {return {' Parent ': node.id};                        }}}, "Types": {"Default": {                        "icon": "FA fa-folder icon-state-warning icon-lg"}, "file": { "icon": "FA fa-file icon-state-warning Icon-lg"}}, "St Ate ": {" key ":" Demo2 "}," plugIns ": [" ContextMenu "," DND "," state "," types "]," ContextMenu ": {" items ": {                            "Remove": null, "CCP": null, "add": { "Label": "New", "Action": function (obj) {var inst = jquery.j                                Stree.reference (obj.reference);                                var clickednode = Inst.get_node (obj.reference);                                Addgory (clickednode.id);                        /*alert ("Add Operation--clickednode ' s ID is:" + clickednode.id); */}},  "Rename": {"label": "Edit", "action": function (obj)                                {var inst = jQuery.jstree.reference (obj.reference);                       var clickednode = Inst.get_node (obj.reference);         Editgory (clickednode.id);                         /*alert ("Add Operation--clickednode ' s ID is:" + clickednode.id); */}}, "Create": {"label": "View Employee", "Action": funct                                Ion (obj) {var inst = jQuery.jstree.reference (obj.reference);                                var clickednode = Inst.get_node (obj.reference);                                Look_yg (clickednode.id)//editgory (clickednode.id);                        /*alert ("Add Operation--clickednode ' s ID is:" + clickednode.id); */}},  "Delete": {"label": "Delete", "Action": function (obj)                                {var inst = jQuery.jstree.reference (obj.reference); VAR clIckednode = Inst.get_node (obj.reference);                               Delgory (clickednode.id);                            Alert ("Delete Operation--clickednode ' s ID is:" + clickednode.id);        }                        }                    }                }            });        }; JQuery (document). Ready (function () {metronic.init ();//init Metronic core Components demo.init ();        /Init Demo features Contextualmenusample ();//Uitree.init (); });

　　

Jorgchart, to help you generate an org chart