-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathdemo.html
108 lines (106 loc) · 3.16 KB
/
demo.html
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
<meta charset="UTF-8">
<title>ngzTree</title>
<link rel="stylesheet" href="bower_components/ztree_v3/css/zTreeStyle/zTreeStyle.css">
<script src="src/jquery.min.js"></script>
<script src="bower_components/ztree_v3/js/jquery.ztree.all-3.5.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="src/ng-zTree-directive.js"></script>
<!--<script src="app.js"></script>-->
<script type="text/javascript">
angular.module('App', ['ngzTree']).controller('ngzTreeController', [
'$scope',
function($scope) {
$scope.setting = {
data: {
key: {
title: "t"
},
simpleData: {
enable: true
}
},
callback: {
onClick: function(event, treeId, treeNode, clickFlag) {
console.log(treeNode)
}
}
}
$scope.zNodes = [{
id: 1,
pId: 0,
name: "普通的父节点",
t: "我很普通，随便点我吧",
open: true
}, {
id: 11,
pId: 1,
name: "叶子节点 - 1",
t: "我很普通，随便点我吧"
}, {
id: 12,
pId: 1,
name: "叶子节点 - 2",
t: "我很普通，随便点我吧"
}, {
id: 13,
pId: 1,
name: "叶子节点 - 3",
t: "我很普通，随便点我吧"
}, {
id: 2,
pId: 0,
name: "NB的父节点",
t: "点我可以，但是不能点我的子节点，有本事点一个你试试看？",
open: true
}, {
id: 21,
pId: 2,
name: "叶子节点2 - 1",
t: "你哪个单位的？敢随便点我？小心点儿..",
click: false
}, {
id: 22,
pId: 2,
name: "叶子节点2 - 2",
t: "我有老爸罩着呢，点击我的小心点儿..",
click: false
}, {
id: 23,
pId: 2,
name: "叶子节点2 - 3",
t: "好歹我也是个领导，别普通群众就来点击我..",
click: false
}, {
id: 3,
pId: 0,
name: "郁闷的父节点",
t: "别点我，我好害怕...我的子节点随便点吧...",
open: true,
click: false
}, {
id: 31,
pId: 3,
name: "叶子节点3 - 1",
t: "唉，随便点我吧"
}, {
id: 32,
pId: 3,
name: "叶子节点3 - 2",
t: "唉，随便点我吧"
}, {
id: 33,
pId: 3,
name: "叶子节点3 - 3",
t: "唉，随便点我吧"
}]
}
])
</script>
</head>
<body ng-controller="ngzTreeController">
<ul class="ztree" id="tree" z-nodes = "zNodes" setting = "setting" z-tree></ul>
</body>
</html>