jQuery EasyUI使用教程之创建可折叠面板
来源:互联网 发布:阿里云服务器数据恢复 编辑:程序博客网 时间:2024/05/29 08:31
<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
>
</
div
>
有兴趣的朋友可以点击查看更多有关jQuery EasyUI的教程!
0 0
- jQuery EasyUI使用教程之创建可折叠面板
- jQuery EasyUI使用教程之在面板中创建复杂布局
- jQuery EasyUI使用教程之创建XP风格的左侧面板
- jQuery EasyUI使用教程之使用标记创建树形菜单
- jQuery EasyUI使用教程之创建一个RSS阅读器
- jQuery EasyUI使用教程之创建一个课程表
- jQuery EasyUI使用教程之创建一个简单的菜单
- jQuery EasyUI使用教程之创建一个链接按钮
- jQuery EasyUI使用教程之创建一个菜单按钮
- jQuery EasyUI使用教程之创建一个拆分按钮
- jQuery EasyUI使用教程之创建标签页
- jQuery EasyUI使用教程之创建一个属性网格
- jQuery EasyUI使用教程之创建简单窗口
- jQuery EasyUI使用教程之创建异步树
- jQuery EasyUI使用教程之创建基本的树网格
- jQuery EasyUI使用教程之创建复杂的树网格
- jQuery EasyUI使用教程之创建树形下拉框
- 使用easyUI创建折叠面板
- 一些iOS面试题2
- Spring如何加载XSD文件(org.xml.sax.SAXParseException: Failed to read schema document错误的解决方法)
- 使用ShareSDK手机端和服务器的交互流程图
- Postgresql9.3安装和使用
- 电商双11已臻巅峰,众筹的双11才刚刚开始
- jQuery EasyUI使用教程之创建可折叠面板
- 2015 南阳CCPC hdu5543 Pick The Sticks(01背包)
- Python多线程求和程序
- 关于jQuery对象和DOM对象的区别
- <android5.0>之dialog的使用
- 项目中是否 使用Automatic Reference Counting
- 设计模式 观察者模式 以微信公众服务为例
- 白盒测试的六种覆盖方式
- LITTLE SHOP OF FLOWERS(dp)