用户界面框架jQuery EasyUI示例大全之Layout-控件新闻-慧都网

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

原创|使用教程|编辑：龚雪|2016-01-08 09:26:28.000|阅读 1495 次

概述：jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。本文主要为大家收集了jQuery EasyUI的Layout示例，欢迎品鉴！

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

基本布局

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

|在线Demo

添加和删除布局

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

|在线Demo

复杂的布局

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

|在线Demo

嵌套布局

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

|在线Demo

布局中不可折叠按钮

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

|在线Demo

自动调整布局高度

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

|在线Demo

在布局中折叠标题

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

|在线Demo

在布局中自定义折叠标题

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

|在线Demo

流体布局

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

|在线Demo

购买最新正版授权！""

标签：HTML5 jQuery UI界面 HTML5/JS

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@hmdbvip.cn

文章转载自：慧都控件网

上一篇：LoadRunner教程：脚本回放的动态值下一篇：C1DataGrid for WPF基础教程：分组

永利最大(官方)网站

在线采购

中文文档库

试用/Demo下载

开发社群