用户界面框架jQuery EasyUI示例大全之Layout

<jQuery EasyUI最新试用版免费下载>

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富而且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件，助您打造适合当今网络的应用程序。

基本布局

本示例主要演示了一些基本布局，这些布局包括东、南、西、北和中间区域。【另附源代码供你们参考】

|在线Demo

添加和删除布局

本演示主要展现了如何添加和删除布局，点击下面的按钮来添加或删除区域面板的布局。【另附源代码供你们参考】

|在线Demo

复杂的布局

本演示主要展现了如何建立一个复杂的布局。【另附源代码供你们参考】

|在线Demo

嵌套布局

本演示主要展现了嵌套布局，即布局区域面板包含另外的布局或其余组件。【另附源代码供你们参考】

|在线Demo

布局中不可折叠按钮

本演示主要介绍了在布局区域面板中不具备可折叠的按钮。【另附源代码供你们参考】

|在线Demo

自动调整布局高度

本演示主要展现了在动态添加项目以后如何自动调整布局高度。【另附源代码供你们参考】

|在线Demo

在布局中折叠标题

本演示主要为你们介绍了如何在布局中折叠标题；当一个区域面板折叠时标题栏将会显示。【另附源代码供你们参考】

|在线Demo

在布局中自定义折叠标题

本演示主要展现了如何在布局中自定义折叠标题，任何组件均可以在折叠面板的标题栏中显示。【另附源代码供你们参考】

|在线Demo

流体布局

本演示主要展现了流体布局，在一个布局中区域面板能够按比例分配。【另附源代码供你们参考】

|在线Demo