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