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

boyanx3个月前技术教程10

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

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

基本的折叠

本示例主要为大家介绍了基本的折叠,点击面板的头部可以显示其内容。【另附源代码供大家参考】

折叠工具

本示例主要为大家介绍了折叠的工具,点击面板右上方执行工具操作。【另附源代码供大家参考】

使用AJAX加载折叠内容

本演示主要为大家介绍如何使用AJAX加载折叠内容,点击AJAX面板头部并通过AJAX加载内容。【另附源代码供大家参考】

折叠操作

本演示主要为大家介绍如何进行折叠操作,点击下面的按钮来添加或删除折叠的项。【另附源代码供大家参考】

多个折叠面板

本演示主要为大家介绍如何启用'multiple'模式来在同一时间展开多个面板。【另附源代码供大家参考】

流体折叠

本演示主要介绍了如何设置折叠的宽度为其父容器的百分比。【另附源代码供大家参考】

购买最新正版授权!"咨询在线客服"

2015岁末扫尾之战!全球厂商携手放利!

本站文章除注明转载外,均为本站原创或翻译

标签: 在线jquery

相关文章

继承Jquery的方法--tab滑动动画切换

前言最近产品有个需求,要做个tab标签切换,这最基本的样式当然不在话下,但作为极客的我总要与众不同吧!于是大开脑洞,也就想出了个tab切换时候加个滑动动画(表笑我,谁让咱没达到UI交互设计师的高度呢)...

jQuery EasyUI使用教程:设置数据网格的冻结列

jQuery EasyUI最新试用版免费下载>本教程演示了如何冻结一些列,当用户在网格上水平移动滚动条时,冻结列不能滚动到视图的外部。想要定义冻结列,首先您应该定义frozenColumns属性...

jQuery EasyUI使用教程:格式化数据网格列

jQuery EasyUI最新试用版免费下载>下面的示例格式化easyui数据网格中的列,并使用自定义列的格式程序,如果价格小于20那么文本就将变为红色。想要格式化一个数据网格列,我们需要设置f...

jQuery EasyUI使用教程:自定义数据网格分页

jQuery EasyUI最新试用版免费下载>数据网格内置一个很好特性的分页功能,自定义也相当简单。在本教程中,我们将创建一个数据网格,并在分页工具栏上添加一些自定义按钮。创建数据网格Item...

jQuery EasyUI使用教程:创建一个课程表

jQuery EasyUI最新版下载>本教程将为你展示如何使用jQuery EasyUI创建一个学校的课程表。我们将创建两个表:学校的科目在左边,时间表在右边,你可以拖动学校科目并将其放在时间表...

jQuery EasyUI使用教程:在数据网格中扩展行显示详细信息

数据网格可以更改它的视图来显示不同的效果。使用详细视图,数据网格可以在数据行的左边显示展开按钮(“+”或“-”)。用户可以展开行来显示附加的详细信息。Step 1:创建数据网格Item IDProdu...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。