easyUI之Tree(树)
2024-09-02 20:03:58
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Tree(树)</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
<link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>
</head>
<body> <ul id="treeID" class="easyui-tree">
<li>
<span>第一章</span>
<ul>
<li>
<span>第一节</span>
<ul>
<li>
<span>第一条</span>
</li>
<li>
<span>第二条</span>
</li>
</ul>
</li>
<li>
<span>第二节</span>
</li>
</ul>
</li>
<li>
<span>第二章</span>
</li>
</ul> <script type="text/javascript">
$(function(){
//收起所有的选项
$("#treeID").tree("collapseAll");
});
</script> </body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Tree(树)</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
<link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>
</head>
<body> <ul id="treeID"></ul>
<script type="text/javascript">
$("#treeID").tree({
url : "/Demo/json/pro.json"
});
</script> <script type="text/javascript"> </script> </body>
</html>
[
{
"id":1,
"text":"广东",
"state":"closed",
"children":[
{
"id":11,
"text":"广州" ,
"state":"closed",
"children":[
{
"id":111,
"text":"天河"
},
{
"id":112,
"text":"越秀"
}
]
},
{
"id":12,
"text":"深圳"
}
]
},
{
"id":2,
"text":"湖南"
}
]
最新文章
- selenium 3.0 beta2 初体验
- poj 1701【数学几何】
- 给定一个值S,在有序数组中找出两个元素A和B,使 A+B = S.
- JavaScript DOM 编程艺术(第2版)读书笔记(1)
- Centos7安装杀毒软件ClamAV
- php 图片压缩
- Qt中使用信号和槽的一点心得
- windows2003 64位注册码 序列号 激活码
- Oracle数据库------体系结构
- css英文字符或者数字不换行的问题
- python 三元运算符、推导式、递归、匿名函数、内置函数
- A - ACboy needs your help again!
- Java 浮点数相加
- 数组操作方法(包括es5)
- module模块和包(十七)
- Linux下配置自动更新时间
- vuex深入理解 modules
- ArcGIS案例学习笔记2_2_等高线生成DEM和三维景观动画
- 分区助手官网使用教程(专业版、绿色版和WinPE版)(图文详解)
- 企业日志大数据分析系统ELK+KAFKA实现【转】