插件依赖
Bootstrap v3.0.3
jQuery v2.0.3
使用方法
首先要在页面中引入依赖文件和 bootstrap-treeview.js文件。
<!-- Required Stylesheets -->
<link href="./css/bootstrap.css" rel="stylesheet">
<!-- Required Javascript -->
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap-treeview.js"></script>
HTML结构
可以使用任何HTML DOM元素来作为该列表树的容器:
<div id="tree"></div>
调用插件
该列表树插件最基本的调用方法如下:
最简单的树结构可以只有一个节点,使用一个带text属性的js对象来实现即可:
var tree = [{
text: "Node 1"
}]
$('#tree').treeview({
data: tree,
// 数据源
})
数据结构
为了创建树的继承结构,需要为该列表树插件提供一个嵌套结构的js对象。例如:
var