Repository navigation
Expand file tree
/
Copy patheasyui-accordion.java
More file actions
127 lines (92 loc) · 2.3 KB
/
Copy patheasyui-accordion.java
File metadata and controls
127 lines (92 loc) · 2.3 KB
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
------------------------
EasyUI-accordion |
------------------------
# 分类空间允许用户使用多面板，但在同一时间只会显示一个。每个面板都内建支持展开和折叠功能。点击一个面板的标题将会展开或折叠面板主体。面板内容可以通过指定的'href'属性使用ajax方式读取面板内容。用户可以定义一个被默认选中的面板，如果未指定，那么第一个面板就是默认的。
# 继承关系
panel
------------------------
EasyUI-容器属性 |
------------------------
width
* 分类容器的宽度
height
* 分类容器的高度
fit
* 如果该值为 true,分类容器会自动铺满父级容器
border
* 定义是否显示边框
animate
* 在展开和折叠边框的时候是否显示动画
multiple
* 如果该值为 true,则允许同时展开多个面板
selected
* 设置初始化的时候,默认选中的面板
------------------------
EasyUI-accordion属性 |
------------------------
'分类面板属性继承自panel(面板)，分类面板新增的属性如下'
selected
* 如果该值为 true,则展开所有的面板
collapsible
* 如果该值为 true,则显示折叠摁钮
------------------------
EasyUI-accordion事件 |
------------------------
onSelect
* 在选择面板的时候触发
* 具备两个参数:title,index 标题和下标
onUnselect
* 在面板被取消选中的时候触发
* 具备两个参数:title ,index 标题和下标
onAdd
* 在新增面板的时候触发
* 具备两个参数:titile,index 标题和下标
onBeforeRemove
* 在移除面板之前触发，返回false可以取消移除操作。
* 具备两个参数:title,index
onRemove
* 在面板被移除的时候触发
* 具备两个参数:title,index
------------------------
EasyUI-accordion方法 |
------------------------
options
* 返回分类组件属性
panels
* 获取所有的面板
resize
* 调整分类组键大小
getSelected
* 获取选中的面板
getSelections
* 获取所有选中的面板
getPanel
* 获取指定的面板
* 参数可以是标题或者下标
getPanelIndex
* 获取指定面板的索引
* demo
var p = $('#aa').accordion('getSelected');
if (p){
var index = $('#aa').accordion('getPanelIndex', p);
alert(index);
}
select
* 选择指定的面板
* 参数可以是标题或者是下标
unselect
* 取消选择指定的面板
* 参数是可以标题或者下标
add
* 添加一个新面板。
* 在默认情况下，新增的面板会变成当前面板。
* 如果要添加一个非选中面板，不要忘记将'selected'属性设置为false。
* demo
$('#aa').accordion('add', {
title: '新标题',
content: '新内容',
selected: false
});
remove
* 移除一个面板
* 参数可以是标题或者是面板的下标索引