EasyUI(四)_布局类组件(4:layout)

参考书籍《jQuery EasyUI 网站开发实战》

使用方法

<div class="easyui-layout">
   <div data-options="region:'north',title:'上面标题'">上面内容</div>
   <div data-options="region:'south',title:'下面标题'">下面内容</div>
   <div data-options="region:'west',title:'左边标题'">左面内容</div>
   <div data-options="region:'east', title:'右边标题'">右面内容</div>
   <div data-options="region:'center',title:'内容标题'">内容</div>
<div>

---

 

属性 fit-false-boolean(属性名-默认值-方法名)

 

---

 

方法

刷新布局页面	resize-param(方法名-参数)
折叠 指定 面板	collapse-region(north,south,east,west)
展开 指定 面板	expand-region
增加 指定 面板 分割线	split-region
移除 指定 面板 分割线	unsplit-region
移除 指定 面板	remover-region
返回 指定 面板	panel-region(north,south,east,west,center)
添加 指定 面板	add-options

 

 

 

 

 

 

 

 

 

 

 

 

 

 

---

 

事件

折叠 区域面板时 触发	onCollapse-region(事件名-事件参数)
展开 区域面板时 触发	onExpand-region
新增 区域面板时 触发	onAdd-region
移除 区域面板时 触发	onRemove-region