jQuery EasyUI使用教程之创建可折叠面板

2019独角兽企业重金招聘Python工程师标准>>>

<jQuery EasyUI最新版下载>

在本教程中，你将学习到有关于easyui折叠面板的知识。折叠面板包含了一系列的面板，其中所有的面板标题都是可见的，但只有一个面板的主体内容在某个时间是可见的。当用户点击面板标题时，该面板的主体内容可见，其他面板的内容将会被隐藏。

查看演示

我们将创建三个面板，其中第三个面板包含了一个树形菜单。

< 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 >

下载该EasyUI示例：easyui-accordion-demo.zip

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的文章！

转载于:https://my.oschina.net/u/2317468/blog/529757

jQuery EasyUI使用教程之创建可折叠面板相关推荐

jQuery EasyUI使用教程之创建展开行详细编辑表单的CRUD应用
2019独角兽企业重金招聘Python工程师标准>>> 当切换datagrid视图到"detailview"时,用户可以展开一行来显示该行下面的任何详细信息.此功 ...
jQuery EasyUI使用教程之创建标签页
2019独角兽企业重金招聘Python工程师标准>>> <jQuery EasyUI最新版下载> 本教程将展示如何使用easyui创建一个标签组件.标签可以动态地添加或删 ...
jQuery EasyUI使用教程之使用标记创建树形菜单
2019独角兽企业重金招聘Python工程师标准>>> jQuery EasyUI最新试用版下载请猛戳>> 一个树形菜单可以使用标记创建.easyui树形菜单也可以定义在 ...
JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能
JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能 JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能 html <table id=&q ...
jQuery EasyUI使用教程之基本的拖放
2019独角兽企业重金招聘Python工程师标准>>> <jQuery EasyUI最新版下载> 本教程将为你展示如何使HTML元素可拖动.在这个示例中我们将创建3个DI ...
jQuery EasyUI使用教程之在数据网格中添加搜索功能
2019独角兽企业重金招聘Python工程师标准>>> <jQuery EasyUI最新版下载> 在本教程中,我们将向你展示如何从数据库中获取数据,并将其显示到数据网格中 ...
jQuery MiniUI 开发教程 TreeGrid 创建TreeGrid（一）
[b]TreeGrid[/b] [img]http://www.miniui.com/docs/api/images/treegrid.gif[/img] 参考示例: [url=http://www. ...
jQuery EasyUI 1.9.4中文参考手册离线chm格式
jquery-easyui1.9.4中文参考手册是一套关于jQuery EasyUI的参考帮助文档,在线帮助文档进行整理,生成chm文件,便于开发时或者离线对easyi控件的属性.文法.事件等内容的查 ...
html accordion折叠菜单动态,jQuery EasyUI 布局插件 – Accordion 折叠面板 | 菜鸟教程...
jQuery EasyUI 布局插件 - Accordion 折叠面板 jQuery EasyUI 插件通过 $.fn.accordion.defaults 重写默认的 defaults. 折叠面板 ...

jQuery EasyUI使用教程之创建可折叠面板

jQuery EasyUI使用教程之创建可折叠面板相关推荐

最新文章

热门文章