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 |