easy ui 之layout布局 用法小结(1)

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

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

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

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

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

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

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

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

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



	可在父元素中设置border:true/false来设置区域的边框是否要显示;也可在data-options属性中定义各种组件的样式和事件;fit:true代表可以保证页面调整大小时layout能够重新排版,适应整个页面的调整。
	在子元素的data-options属性中,可添加如下属性:title,region,border,split,iconCls,href,collapsible,minWidth,minHeight,maxWidth,maxHeight。详细属性值的设置值 以及 方法 可参考 菜鸟教程


你可能感兴趣的:(前端,框架,easyui,layout)