EasyUI Layout 布局

记录整理笔记  2019/3/13

在设置布局的时候 要概括一个div进去 div(class="easyui-layout")然后才可以布置north south 等   另外在data-options中设置属性 region:' north'  要加单引号  不然汇报错误 

split:true 设置各个布局之间的间隙差距 同样可以在data-options中设置 title样式

  split布局之间的边界    collapsible默认是true的 只有设置为false后才是关闭不显示的状态

设置全局显示布局的话 就在概括的div换成body  

add和remove功能的实现:

function a(){
		$('#DD').layout('add',{
		    region: 'west',
		    width: 140,
		    title: 'West Title',
		    split: true,
		   	iconCls : 'icon-add'
		});
	}
	function Remove(){
		$('#DD').layout('remove','west');
	}

区域面板选项（Region Panel Options）

区域面板选项（Region Panel Options）是定义在面板（panel）组件中，下面是一些共同的和新增的属性：

名称	类型	描述	默认值
title	string	布局面板（layout panel）的标题文本。	null
region	string	定义布局面板（layout panel）的位置，其值是下列之一：north、south、east、west、center。
border	boolean	当设置为 true 时，就显示布局面板（layout panel）的边框。	true
split	boolean	当设置为 true 时，就显示拆分栏，用户可以用它改变面板（panel）的尺寸。	false
iconCls	string	在面板（panel）头部显示一个图标的 CSS class。	null
href	string	从远程站点加载数据的 URL 。	null
collapsible	boolean	定义是否显示可折叠按钮。	true
minWidth	number	面板（panel）最小宽度。	10
minHeight	number	面板（panel）最小高度。	10
maxWidth	number	面板（panel）最大宽度。	10000
maxHeight	number	面板（panel）最大高度。	10000

方法

名称	参数	描述
resize	none	设置布局（layout）的尺寸。
panel	region	返回指定的面板（panel），'region' 参数可能的值是：'north'、'south'、'east'、'west'、'center'。
collapse	region	折叠指定的面板（panel），'region' 参数可能的值是：'north'、'south'、'east'、'west'。
expand	region	展开指定的面板（panel），'region' 参数可能的值是：'north'、'south'、'east'、'west'。
add	options	添加一个指定的面板（panel），options 参数一个配置对象，更多细节请参阅标签页面板（tab panel）属性。
remove	region	移除指定的面板（panel），'region' 参数可能的值：'north'、'south'、'east'、'west'。