jorgchart,帮助你生成组织结构图的

下载地址：

http://yunpan.cn/c6pfenkmmFV2q  访问密码 8e29

 

演示链接：

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

jstree.js 也是一种层级机构的js控件
例子：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80

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"                     }                 },                 "state" : { "key" : "demo2" },                 "plugins" : [ "contextmenu", "dnd", "state", "types" ],                 "contextmenu": {                     "items": {                         "remove": null,                         "ccp": null,                         "add": {                             "label": "新增",                             "action": function (obj) {                                 var inst = jQuery.jstree.reference(obj.reference);                                 var clickedNode = inst.get_node(obj.reference);                                 addgory(clickedNode.id);                                 /*alert("add operation--clickedNode's id is:" + clickedNode.id);*/                             }                         },                         "rename": {                             "label": "编辑",                             "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": "查看员工",                             "action": function (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": "删除",                             "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();         });