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

>

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

基本布局

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

|在线Demo

添加和删除布局

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

|在线Demo

复杂的布局

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

|在线Demo

嵌套布局

本演示主要展示了嵌套布局,即布局区域面板包含另外的布局或其他组件。【另附源代码供大家参考】

|在线Demo

布局中不可折叠按钮

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

|在线Demo

自动调整布局高度

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

|在线Demo

在布局中折叠标题

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

|在线Demo

在布局中自定义折叠标题

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

|在线Demo

流体布局

本演示主要展示了流体布局,在一个布局中区域面板可以按比例分配。【另附源代码供大家参考】

|在线Demo

你可能感兴趣的:(用户界面框架jQuery EasyUI示例大全之Layout)