treeview bootstrap 多级下拉树

bootstrap-treeview.js1是一款强大的树菜单插件，本文演示bootstrap-treeview.js15种不同的调用方法。它可一次性加载数据，也可异步加载。支持Checkbox,selectable,节点级联等，而且还能承载大数据。

在线实例

实例演示

使用方法

1. 演示一：默认
2. <div id="treeview1"></div>
3. var defaultData = [ 
4.     { 
5.         text: 'Parent 1', 
6.         href: '#parent1', 
7.         tags: ['4'], 
8.         nodes: [ 
9.             { 
10.                 text: 'Child 1', 
11.                 href: '#child1', 
12.                 tags: ['2'], 
13.                 nodes: [ 
14.                     { 
15.                         text: 'Grandchild 1', 
16.                         href: '#grandchild1', 
17.                         tags: ['0'] 
18.                     }, 
19.                     { 
20.                         text: 'Grandchild 2', 
21.                         href: '#grandchild2', 
22.                         tags: ['0'] 
23.                     } 
24.                 ] 
25.             }, 
26.             { 
27.                 text: 'Child 2', 
28.                 href: '#child2', 
29.                 tags: ['0'] 
30.             } 
31.         ] 
32.     }, 
33.     { 
34.         text: 'Parent 2', 
35.         href: '#parent2', 
36.         tags: ['0'] 
37.     }, 
38. ];
39. $('#treeview1').treeview({ 
40.     data: defaultData 
41. });

复制

参数详解

参数	描述	默认值
collapsed	初始化时的折叠状态	false
unique	展开同级节点的唯一性。true，当展开一个节点时，同级的其他节点会自动关闭；false，当展开一个节点时，同级的其他节点保持原形。	false
control	指定一个容器,控制整个tree的展开,收缩 或者收放 所有的节点。	-
treeview方法
toggle	当一个节点的收放状态改变时，调用自定义函数Callback。 toggle: function() {}	-
add	追加节点。tree.treeview({     add: ''});	-

下载