Js Bootstrap-treeview.js插件下载，树形菜单

下载地址

bootstrap-treeview 中文开发手册

github地址

使用

依赖

调用

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://wjikai.gitee.io/myresoursce/js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://wjikai.gitee.io/myresoursce/js/jquery/jquery.min.js"></script>
 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://wjikai.gitee.io/myresoursce/js/bootstrap/js/bootstrap.min.js"></script>

或者

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

使用方法

<!-- 新 bootstrap-treeview 核心 CSS 文件 -->
<link href="https://wjikai.gitee.io/myresoursce/js/bootstrap/bootstrap-treeview/bootstrap-treeview.min.css" rel="stylesheet">

<!-- 最新的 bootstrap-treeview 核心 JavaScript 文件 -->
<script src="https://wjikai.gitee.io/myresoursce/js/bootstrap/bootstrap-treeview/bootstrap-treeview-wjk.js"></script>

增加的调用

$("#treeview").treeview("addNode", [nodeParentInfo.nodeId, {
  "node": dataInfoArr
}]);  
//dataInfoArr 是数组
//nodeParentInfo.nodeId 是上级节点id