easy ui 之layout布局 用法小结（1）

layout有五个区域：北区 north、南区 south、东区 east、西区 west 和中区 center。中间的区域是必需的，边缘区域面板可选。每个边缘区域面板可通过拖拽边框调整尺寸，也可以通过点击折叠触发器来折叠面板。layout可以嵌套。

东西南北分别代表中心区域的右左下上四个方向上的区域，其中南北占一整行。

用法：用easyui-layout类对父元素进行定义，对子元素在data-options属性中定义，如：

<div id="cc"class="easyui-layout"style="width:600px;height:400px;">

<div data-options="region:'north',title:'North Title',split:true" style="height:100px;">north</div>

<div data-options="region:'south',title:'South Title',split:true" style="height:100px;">south</div>

<div data-options="region:'east',title:'East',split:true" style="width:100px;">east</div>

<div data-options="region:'west',title:'West',split:true" style="width:100px;">west</div>

<div data-options="region:'center',title:'center title'" style="padding:5px;">center</div>

</div>

	可在父元素中设置border：true/false来设置区域的边框是否要显示；也可在data-options属性中定义各种组件的样式和事件；fit:true代表可以保证页面调整大小时layout能够重新排版，适应整个页面的调整。

	在子元素的data-options属性中，可添加如下属性：title，region，border，split，iconCls，href，collapsible，minWidth，minHeight，maxWidth，maxHeight。详细属性值的设置值 以及 方法 可参考 菜鸟教程