EasyUI(一)_布局类组件(3:accordion)
参考书籍《jQuery EasyUI 网站开发实战》
使用方式:
//省略导入EasyUI和jQuery <div class="easyui-accordin> <div title="选项卡1">内容1</div> </div>
属性
分类容器尺寸 |
|
分类容器大小自适应 |
fit-false-boolean(属性名-默认值-值类型) |
分类容器宽度 |
width-auto-number |
分类容器高度 |
height-auto-number |
显示 |
|
选项卡头部垂直显示 |
halign-null-string(left,right) |
显示边框 |
border-true-boolean |
默认选中面板索引号 |
selected-0-number |
同时展开多个面板 |
multiple-false-boolean |
面板动画效果-折叠和展开 |
animate-true-boolean |
方法
获取 |
|
获取 所有 面板 |
panel-none(方法名-方法参数) |
获取 选中 面板 |
getSelected-none |
获取 所有选中 面板 |
getSelections-none |
获取 指定 面板 |
getPanel-which |
获取 指定 面板索引 |
getPanelIndex-panel |
返回 分类组件 属性 |
options-none |
操作 |
|
调整分类组件大小 |
panel-none |
选择 指定 面板 |
select-which |
取消选择 指定 面板 |
unselect-which |
添加 新 面板 |
add-options |
移除 指定 面板 |
remove-which |
事件
面板 被选中时 触发 |
onSelect-title,index(事件名-事件参数) |
面板 被取消选择 触发 |
onUnselect-title,index |
添加 新 面板时 触发 |
onAdd-title,index |
移除 面板之前 触发 |
onBeforeRemove-title,index |
移除 面板 触发 |
onRemove-title,index |