용어 뜻:
출처:
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
|
Example
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://w2ui.com/src/w2ui-1.4.min.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://w2ui.com/src/w2ui-1.4.min.js"></script>
</head>
<body>
<div id="myToolbar"></div>
</body>
<script>
$(function () {
$('#myToolbar').w2toolbar({
name : 'myToolbar',
items: [
{ type: 'check', id: 'item1', caption: 'Check', img: 'icon-add', checked: true },
{ type: 'break' },
{ type: 'menu', id: 'item2', caption: 'Drop Down', img: 'icon-folder',
items: [
{ text: 'Item 1', img: 'icon-page' },
{ text: 'Item 2', img: 'icon-page' },
{ text: 'Item 3', img: 'icon-page' }
]
},
{ type: 'break' },
{ type: 'radio', id: 'item3', group: '1', caption: 'Radio 1', img: 'icon-page' },
{ type: 'radio', id: 'item4', group: '1', caption: 'Radio 2', img: 'icon-page' },
{ type: 'spacer' },
{ type: 'button', id: 'item5', caption: 'Item 5', img: 'icon-save' }
]
});
});
</script>
</html>
Events
onClick - function (event)
Called when toolbar item is clicked.
Common Events
onDestroy - function (event)
Called when object is destroyed.
onRefresh - function (event)
Called when object is refreshed.
onRender - function (event)
Called when object is rendered.
onResize - function (event)
Called when object is resized.
| cs |
w2ui, 2016-11-02, http://w2ui.com/web/docs/toolbar
댓글
댓글 쓰기