jQuery EasyUI 布局 - 创建折叠面板
2023-09-14 09:14:10 时间
在本教程中,您将会学习到关于 easyui 折叠面板(Accordion)的知识。 折叠面板(Accordion)包含一系列的面板(panel)。 所有面板(panel)的头部(header)都是可见的,但是一次仅仅显示一个面板(panel)的 body 内容。 当用户点击面板(panel)的头部(header)时,该面板(panel)的 body 内容将可见,同时其他面板(panel)的 body 内容将隐藏不可见。
我们将创建三个面板(panel),第三个面板(panel)包含一个树形菜单。
<div class="easyui-accordion" style="width:300px;height:200px;"> <div title="About Accordion" iconCls="icon-ok" style="overflow:auto;padding:10px;"> <h3 style="color:#0099FF;">Accordion for jQuery</h3> <p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p> </div> <div title="About easyui" iconCls="icon-reload" selected="true" style="padding:10px;"> easyui help you build your web page easily </div> <div title="Tree Menu"> <ul id="tt1" class="easyui-tree"> <li> <span>Folder1</span> <ul> <li> <span>Sub Folder 1</span> <ul> <li><span>File 11</span></li> <li><span>File 12</span></li> <li><span>File 13</span></li> </ul> </li> <li><span>File 2</span></li> <li><span>File 3</span></li> </ul> </li> <li><span>File2</span></li> </ul> </div> </div>
相关文章
- 第二百一十九节,jQuery EasyUI,DateTimeBox(日期时间输入框)组件
- 第二百一十四节,jQuery EasyUI,Calendar(日历)组件
- 第二百一十节,jQuery EasyUI,SearchBox(搜索框)组件
- 第二百零五节,jQuery EasyUI,Messager(消息窗口)组件
- 第一百八十五节,jQuery,Ajax 表单插件
- 第二百零四节,jQuery EasyUI,Dialog(对话框)组件
- jquery资源
- Ajax学习(二):模仿jQuery的Ajax封装工具
- Jquery ajax异步提交
- jQuery easyUI--layout布局页面
- jQuery easyUI--tabs选项卡面板
- jQuery easyUI--accordion折叠面板
- jQuery easyUI--zTree属性菜单
- jQuery里的promise
- jquery 的 ajax 传输 数组 ,但后台无法获取的 原因 与 解决 办法
- Jquery中$与$.fn的差别
- 使用Jquery+EasyUI 进行框架项目开发案例解说之二---用户管理源代码分享
- jQuery EasyUI 菜单与按钮 - 创建链接按钮(Link Button)
- jQuery EasyUI 应用 - 创建 RSS Feed 阅读器