jsTree简单应用Demo
2024-10-18 21:22:17
<!DOCTYPE html> <html>
<head>
<meta name="viewport" content="width=device-width" />
<title></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
</head>
<body>
<div id="jstree_demo_div" style="font-size:10pt;">
<!-- in this example the tree is populated from inline HTML -->
<ul>
<li>
Root node 1
<ul>
<li id="child_node_1" data-jstree='{"icon":"http://www.jstree.com/tree.png"}'>Child node 1</li>
<li data-jstree='{"icon":"http://www.jstree.com/tree.png"}'>Child node 2</li>
</ul>
</li>
<li>Root node 2</li>
</ul>
</div> <script>
$(function () { $('#jstree_demo_div').jstree(); }); </script>
</body>
</html>
源自:https://www.jstree.com/docs/html/
最新文章
- CSS控制样式的三种方式优先级对比验证
- NYOJ题目889求距离
- Karma:1. 集成 Karma 和 Jasmine 进行单元测试
- [原]quick2.25精灵变灰
- UI进阶 解析XML 解析JSON
- REST &; SOAP webservice 小结
- linux 安装mysqlServer
- 74LS183 加法器 【数字电路】
- 安装Visual Studio 2010 - 初学者系列 - 学习者系列文章
- Python处理Excel(转载)
- MIRO做发票校验时实现替代功能的多种方式
- android:自己定义组合控件Weight(高仿猫眼底部菜单条)
- [BZOJ 5093]图的价值
- 手写token解析器、语法解析器、LLVM IR生成器(GO语言)
- 按模板批量修改Excel文件内容
- 电磁波、无线电、802、WLAN及WiFi的区别与联系
- Ubuntu16.04中如何启用floodlight的一种方式
- bootstrapvalidator的简单校验【必填校验、长度校验、是否存在校验(remote)】
- 使用git开发的流程
- [转] Web MVC简介