Layout(布局)

1、创建布局面板第一种方式(div中添加class="easyui-layout"),需要指定div层的高与宽:

如图:

Layout(布局)_第1张图片 

2、第二种方式(body中添加class="easyui-layout"),整个页面将会铺满:

  
    

3、布局面板属性:

 

1)、title:布局面板的标题
2)、region:布局面板所在区域,可以取north、south、east、west、center
3)、border:是否显示布局面板的边框,默认true显示
4)、split:分隔条,设置为true,用户可以拖动分割条来改变面板的尺寸,默认是false
5)、iconCls:显示布局面板头部图标,需要引入/themes/icon.css文件
6)、href:载入超链接的数据

例子:

如图:

Layout(布局)_第2张图片

例子:

如图:

Layout(布局)_第3张图片 

4、方法:

1)、collapse:折叠指定的布局面板,可选参数为north、south、east、west

如图:

Layout(布局)_第4张图片 

如果不想要隐藏按钮,但又需要一个头部标题(fit属性可以让它自适应父容器尺寸):

如图:

Layout(布局)_第5张图片 

你可能感兴趣的:(Layout(布局))