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
| <!DOCTYPE >
| <html>
| <head>
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
| <title>fileio配置</title>
|
| <link rel="stylesheet" href="../../css/tree.css" />
|
| <script type="text/javascript" src="../../js/jquery-1.7.2.min.js" ></script>
| <script type="text/javascript" src="../../js/extend.js" ></script>
| <script type="text/javascript" src="../../js/core.js" ></script>
| <script type="text/javascript" src="../../js/tree.js" ></script>
|
| <script type="text/javascript">
| var tree, grid;
| var treeData = [
| {id:"id_SD", parentid: "id_SD", position:"groupcode", name:"王光明", title:"SD"},
| {id:"id_C_RD_01", parentid:"id_SD", position:"大区经理", name:"李成功", title:"RD"},
| {id:"id_C_AM_01", parentid:"id_C_RD_01", position:"区域经理", name:"宋平", title:"AM"},
| {id:"id_C_MR_0001", parentid:"id_C_AM_01", position:"销售代表", name:"张三", title:"MR"},
| {id:"id_C_MR_0002", parentid:"id_C_AM_01", position:"销售代表", name:"李四", title:"MR"},
| {id:"id_C_AM_04", parentid:"id_C_RD_01", position:"区域经理", name:"王五", title:"AM"},
| {id:"id_N_RD_01", parentid:"id_SD", position:"大区经理", name:"赵六", title:"RD"},
| {id:"id_N_AM_01", parentid:"id_N_RD_01", position:"区域经理", name:"钱七", title:"AM"},
| {id:"id_N_AM_02", parentid:"id_N_RD_01", position:"区域经理", name:"A", title:"AM"},
| {id:2, parentid:2, position:"总监", name:"B", title:"SD"},
| {id:22, parentid:2, position:"大区经理", name:"C", title:"RD"},
| {id:221, parentid:22, position:"区域经理", name:"D", title:"AM"},
| {id:2211, parentid:221, position:"销售代表", name:"E", title:"MR"},
| {id:2212, parentid:221, position:"销售代表", name:"F", title:"MR"},
| {id:222, parentid:22, position:"区域经理", name:"G", title:"AM"},
| {id:23, parentid:2, position:"大区经理", name:"H", title:"RD"},
| {id:231, parentid:23, position:"区域经理", name:"I", title:"AM"},
| {id:232, parentid:23, position:"区域经理", name:"J", title:"AM"}
| ];
|
| $(document).ready(function() {
| tree = new Tree({
| element: "tree",
| data: treeData,
| autoExpended: true,
| renderNodeText: function(element, record) {
| element.html(record.position + "--" + record.name);
| },
| onNodeSelect: function(node) {
|
| }
| });
| });
| </script>
|
| </head>
|
| <body>
| <div style="position:absolute; top: 10px; left: 2%; bottom: 10px; border: 0px solid #ddd; width: 25%;">
| <div id="tree" style="border: 1px solid #ddd; width: 100%; height: 80%"></div>
| </div>
|
| <div style="position:absolute; top: 10px; left: 29%; right:4%; bottom: 10px;">
| <div style="position:absolute; border: 1px solid #ddd; width: 100%; height: 10%">
| <div id="current_data" style="float: left; height: 45%; font-size: 20px; margin-top: 15px">
| code
| </div>
| </div>
|
| <div style="position:absolute; width: 100%; height: 90%; top: 10%; border: 1px solid #ddd;">
| <div id="card" style="text-align: left;"></div>
| </div>
| </div>
| <div style="position: absolute; left: 40%; bottom: 30%; height: 30px; line-height: 30px; margin-top: 15px;" align="center" >
| </div>
| </body>
| </html>
|
|
