Skip to content

Commit 1b54156

Browse files
smallweissmallweis
committed
feat(atree): 新增atree模块
1 parent 8dae2c5 commit 1b54156

File tree

6 files changed

+847
-522
lines changed

6 files changed

+847
-522
lines changed

‎HARD

Whitespace-only changes.

‎examples/atree.html

Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7+
<title>树模块 - layui</title>
8+
9+
<link rel="stylesheet" href="../src/css/layui.css">
10+
11+
<style>
12+
body {
13+
padding: 50px 100px;
14+
}
15+
</style>
16+
</head>
17+
18+
<body>
19+
20+
<ul id="demo"></ul>
21+
22+
<script src="../src/layui.js"></script>
23+
<script>
24+
layui.use('atree', function() {
25+
var tree = layui.atree({
26+
elem: '#demo' //指定元素
27+
,
28+
check: 'checkbox' //勾选风格
29+
,
30+
skin: 'as' //设定皮肤
31+
//,target: '_blank' //是否新选项卡打开（比如节点返回href才有效）
32+
,
33+
drag: true,
34+
props:{
35+
name: 'name',
36+
id: 'id',
37+
children:'children'
38+
},
39+
change:function(val){
40+
console.group('change event')
41+
console.log('Array')
42+
console.log(val);
43+
console.groupEnd()
44+
},
45+
click: function(item) { //点击节点回调
46+
console.group('click event')
47+
console.log('Object')
48+
console.log(item);
49+
console.groupEnd()
50+
},
51+
addClick:function(item,elem,add){
52+
console.group('append event')
53+
console.log('Object')
54+
console.log(item);
55+
console.log('dom')
56+
console.log(elem);
57+
console.log('dom add event')
58+
var item ={
59+
name: '测试节点'+new Date().getTime(),
60+
id:-1
61+
}
62+
add(item)
63+
console.groupEnd()
64+
},
65+
deleteClick:function(item,elem,done){
66+
console.group('delete event')
67+
console.log('Object')
68+
console.log(item);
69+
console.log('dom')
70+
console.log(elem);
71+
console.log('dom delete event')
72+
done();
73+
console.groupEnd()
74+
},
75+
nodes: [ //节点
76+
{
77+
name: '常用文件夹',
78+
id: 1,
79+
alias: 'changyong',
80+
children: [{
81+
name: '所有未读',
82+
id: 11
83+
//,href: 'http://www.layui.com/'
84+
,
85+
alias: 'weidu'
86+
}, {
87+
name: '置顶邮件',
88+
id: 12
89+
}, {
90+
name: '标签邮件',
91+
id: 13
92+
}]
93+
}, {
94+
name: '我的邮箱',
95+
id: 2,
96+
spread: true,
97+
children: [{
98+
name: 'QQ邮箱',
99+
id: 21,
100+
spread: true,
101+
children: [{
102+
name: '收件箱',
103+
id: 211,
104+
children: [{
105+
name: '所有未读',
106+
id: 2111
107+
}, {
108+
name: '置顶邮件',
109+
id: 2112
110+
}, {
111+
name: '标签邮件',
112+
id: 2113
113+
}]
114+
}, {
115+
name: '已发出的邮件',
116+
id: 212
117+
}, {
118+
name: '垃圾邮件',
119+
id: 213
120+
}]
121+
}, {
122+
name: '阿里云邮',
123+
id: 22,
124+
children: [{
125+
name: '收件箱',
126+
id: 221
127+
}, {
128+
name: '已发出的邮件',
129+
id: 222
130+
}, {
131+
name: '垃圾邮件',
132+
id: 223
133+
}]
134+
}]
135+
}
136+
]
137+
});
138+
139+
});
140+
</script>
141+
142+
</body>
143+
144+
</html>

0 commit comments

Comments
 (0)