首页 > 代码库 > jquery easyui的layout

jquery easyui的layout

1.创建一个布局:layout是一个容器,它有5个区域:north(北),south(南),east(东),west(西);center(中)-----------学习中文网地址

<body class="easyui-layout">  <div region="north" title="North Title" split="true" style="height:100px;"></div>  <div region="south" title="South Title" split="true" style="height:100px;"></div>  <div region="east" iconCls="icon-reload" title="East" split="true" style="width:100px;"></div>  <div region="west" split="true" title="West" style="width:100px;"></div>  <div region="center" title="center title" style="padding:5px;background:#eee;"></div></body>  

2.north(北),south(南),east(东),west(西)都能删除,但是center不能删除,删除则会报错

fit="true"是自适应大小

 3.属性,href属性能引入另一个页面,但是引入的是body的内容,别的不行

 

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

jquery easyui的layout