布局面版 - Layout

使用$.fn.layout.defaults重置默认值。

布局的容器,有多达五个区域:北部,南部,东部,西部和中心。是必需的,但中心区域面板边缘区域面板是可选的。通过拖动它的边框,面板,可以调整每一个边缘地区,他们也可以点击折叠的崩溃而触发。可以嵌套的布局,以便用户可以建立复杂的布局,他希望。

依赖组件(Dependencies)

使用方法(Usage Example)

Create Layout

1. 创建布局面板

使用HTML标签创建布局面板,只须要对<div>标签引用'easyui-layout'类。

2. 创建整个页面的布局。

3. 创建嵌套的布局。

请注意,west 面板的内部布局将折叠。

4. 用ajax加载内容

根据面板的布局。每一个区域的面板提供了内置的支持异步加载URL的内容。用户可以使用异步加载技术,其布局,页面显示速度更快。


Collpase布局面板

 west 面板添加工具按钮

 

面板选项(Layout Options)

名称 类型 描述 默认值
fit boolean 如果设置为true,设置适合它的父容器的布局尺寸。
在创建布局“body”的标签,它会自动最大化到全尺寸的整个页面。
false

区域面板选项(Region Panel Options)

区域的控制面板选项中定义的面板组件,下面是一些常见的添加属性:

名称 类型 描述 默认值
title string 布局面板的标题。 null
region string 定义布局面板的位置(方向),可以取下列值的其中之一:north, south, east, west, center。
border boolean 设置为true将显示布局面板的边框。 true
split boolean 如果设置为true将显示一个分隔条,用户可以拖动分隔条来改变布局面板的尺寸。 false
iconCls string 一个用来显示布局面板头部图标的css类。 null
href string 一个用来从远程站点载入数据的超链接。 null

事件(Methods)

名称 属性 描述
resize none 设置布局面板的尺寸大小。
panel region 返回特定的布局面板,'region'参数的可取值为:'north','south','east','west','center'。
collapse region 折叠特定的布局面板,'region'参数的可取值为:'north','south','east','west'。
expand region 延伸特定的布局面板,'region'参数的可取值为:'north','south','east','west'。
add options 添加一个指定的面板,选项参数是一个配置对象,请参阅“选项卡面板的属性,更多的细节。
remove region 删除指定的面板,在“region”参数的可能值:'north','south','east','west'.