jQuery EasyUI中的Layout布局

1）.Panel（面板）
面板提供了折叠、关闭、最大化、最小化和自定义行为。面板可以很容易地嵌入到web页面的任何位置。
1.通过标签创建面板

效果图如下：

2.创建面板程序
创建工具栏

创建内容区域

面板控制基本属性值

面板的基本方法

面板的基本事件

2）.Tabs（选项卡）
选项卡显示一批面板。但在同一个时间只会显示一个面板。每个选项卡面板都有头标题和一些小的按钮工具菜单，包括关闭按钮和其他自定义按钮。(效果图如下)

使用div标签创建选项卡面板

选项卡基本属性


选项卡的基本事件

选项卡的基本方法

面版之间的公有属性。

3）.Layout（布局）
布局容器有5个区域：北、南、东、西和中间。中间区域面板是必须的，边缘的面板都是可选的。每个边缘区域面板都可以通过拖拽其边框改变大小，也可以点击折叠按钮将面板折叠起来。布局可以进行嵌套，用户可以通过组合布局构建复杂的布局结构。

1. 通过标签创建布局(添加class=”easyui-layout”)
   
2. 使用完整页面创建布局
   
   layout 事件
   
   layout 属性
   
   4).Accordion（分类）
   分类空间允许用户使用多面板，但在同一时间只会显示一个。每个面板都内建支持展开和折叠功能。点击一个面板的标题将会展开或折叠面板主体。面板内容可以通过指定的’href’属性使用ajax方式读取面板内容。用户可以定义一个被默认选中的面板，如果未指定，那么第一个面板就是默认的。(效果图)
   
   1.通过标签创建分类，给div标签添加一个名为’easyui-accordion’的类ID。
   
   好了，今天的学习就到这里了，大家要多多练习哦，如果有什么意见，欢迎大家联系我。