<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery treetable</title>
<link rel="stylesheet" href="treetable/jquery.treetable.css" />
<script src="treetable/jquery.js"></script>
<script src="treetable/jquery-ui.js"></script>
<script src="treetable/jquery.treetable.js"></script>
<script>
$(document).ready(function(){
var heads = ["name","td1","td2"];
var tNodes = [
{ id: 1, pId: 0, name: "父节点1", td: ["parent", "1"] },
{ id: 11, pId: 1, name: "父节点11", td: ["<a href='javascript:void(0);' onclick=\"alert('内容为html');\">parent</a>", "11"] },
{ id: 111, pId: 11, name: "叶子节点111", td: ["children", "111"] },
{ id: 112, pId: 11, name: "叶子节点112", td: ["children", "112"] },
{ id: 113, pId: 11, name: "叶子节点113", td: ["children", "113"] },
{ id: 114, pId: 11, name: "叶子节点114", td: ["children", "114"] },
{ id: 12, pId: 1, name: "父节点12", td: ["parent", "12"] },
{ id: 121, pId: 12, name: "叶子节点121", td: ["children", "121"] },
{ id: 122, pId: 12, name: "叶子节点122", td: ["children", "122"] },
{ id: 123, pId: 12, name: "叶子节点123", td: ["children", "123"] },
{ id: 124, pId: 12, name: "叶子节点124", td: ["children", "124"] },
{ id: 2, pId: 0, name: "父节点2", td: ["parent", "2"] },
{ id: 21, pId: 2, name: "父节点21", td: ["parent", "21"] },
{ id: 211, pId: 21, name: "叶子节点211", td: ["children"] },
{ id: 212, pId: 21, name: "叶子节点212", td: ["children", "212"] },
{ id: 213, pId: 21, name: "叶子节点213", td: ["children", "213"] },
{ id: 214, pId: 21, name: "叶子节点214", td: ["children"] }
];
$.TreeTable("treeMenu", heads, tNodes);
});
</script>
</head>
<body>
<div id="main">
<h1>jQuery treetable</h1>
<a href="#" onclick="jQuery('#treeMenu').treetable('expandAll'); return false;">Expand all</a>
<a href="#" onclick="jQuery('#treeMenu').treetable('collapseAll'); return false;">Collapse all</a>
<table id="treeMenu" class="linetable">
</table>
</div>
</body>
</html>
Jquery TreeTable及示例,仿zTree绑定数据方式
需积分: 12 71 浏览量
2017-11-14
17:05:45
上传
评论
收藏 112KB RAR 举报
兰朝晖
- 粉丝: 48
- 资源: 4
最新资源
- yolov5,SSD 可能使用到的一些代码
- 基于c51单片机+DS1302+DHT11温湿度模块+LCD1602显示的万年历硬件原理图+BOM+软件程源码序+仿真图.zip
- NSGA2的MATLAB代码
- Messagepassingtest_GCN_DGL.py
- Sh,Docker 运维好帮手,一招通过 sh 脚本批量快速启动和重启多个Docker 容器
- PCF2123.pdf
- 打开注册表操作.doc
- Windows 常见运行运行库32+64
- WMJUL8iC.html
- 基于3KW光伏并网单相逆变器设计(TMS320F28035控制板+显示板+STM32F103功率板)硬件(原理图+PCB)工程
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈