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
| <!DOCTYPE html>
| <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
| <head>
| <link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'zTree/css/metroStyle/metroStyle.css'}" />
| <script th:src="@{${pubzyWebRoot} + 'media/js/jquery-1.11.1.js'}"></script>
| <script th:src="@{${pubzyWebRoot} + 'zTree/js/jquery.ztree.all.min.js'}"></script>
| <meta charset="UTF-8" />
| </head>
| <body>
| <div class='my-ztree'>
| <ul id='zytree' class='ztree'></ul>
| </div>
| </body>
| <script>
| jQuery(function () {
| /**
| * zTree配置
| */
| var setting = {
| view: {
| selectedMulti: false
| },
| check: {
| enable: false
| },
| data: {
| simpleData: {
| enable: true
| }
| },
| callback: {
| //点击节点
| onClick: onClick
| },
| async: {
| enable: true,
| url: '/res/selectMuLu',
| autoParam: ["id"]
| },
| edit: {
| enable: true,
| showRemoveBtn: false,
| showRenameBtn: false,
| drag: {
| autoExpandTrigger: true,
| isCopy: false,
| isMove: true,
| prev: true,
| next: true,
| inner: true,
| borderMax: 20,
| borderMin: -10,
| minMoveSize: 10,
| maxShowNodeNum: 10,
| autoOpenTime: 10
| }
| }
| };
|
| var zNodes = {id: 0, name: "资源目录", pId: -1, isParent: true,iconOpen:'/image/classicons/folderOpen.png',iconClose:'/image/classicons/folder.png'};
|
| var treeObj = $.fn.zTree.init($("#zytree"), setting, zNodes); //初始化zTree
|
| treeObj.reAsyncChildNodes(treeObj.getNodes()[0], "refresh", false);//强行异步加载父节点的子节点。
| });
|
| function onClick(event, treeId, treeNode, clickFlag) {
| if (treeNode.id != 0) {
| var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
| parent.$('#catlogtitle').val(treeNode.name);
| parent.$('#catlogid').val(treeNode.id);
| parent.$('#catlogcode').val(treeNode.code);
| parent.layer.close(index);
| }
| }
| </script>
| </html>
|
|
