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="overflow:hidden;"></div>
</body>  

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

fit="true"是自适应大小,在style="overflow:hidden;"作用是为了避免在谷歌浏览器中最外层出现滚动条

 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

posted @ 2014-10-28 11:48  指尖舞步  阅读(469)  评论(0编辑  收藏  举报