bootstrap-treeview.js1是一款强大的树菜单插件，本文演示bootstrap-treeview.js15种不同的调用方法。它可一次性加载数据，也可异步加载。支持Checkbox,selectable,节点级联等，而且还能承载大数据。
在线实例
使用方法
演示一：默认
<div id="treeview1"></div>
var defaultData = [
{
text: 'Parent 1',
href: '#parent1',
tags: ['4'],
nodes: [
{
text: 'Child 1',
href: '#child1',
tags: ['2'],
nodes: [
{
text: 'Grandchild 1',
href: '#grandchild1',
tags: ['0']
},
{
text: 'Grandchild 2',
href: '#grandchild2',
tags: ['0']
}
]
},
{
text: 'Child 2',
href: '#child2',
tags: ['0']
}
]
},
{
text: 'Parent 2',
href: '#parent2',
tags: ['0']
},
];
$('#treeview1').treeview({
data: defaultData
});
参数详解
| 参数 | 描述 | 默认值 |
| collapsed | 初始化时的折叠状态 | false |
| unique | 展开同级节点的唯一性。true，当展开一个节点时，同级的其他节点会自动关闭；false，当展开一个节点时，同级的其他节点保持原形。 | false |
| control | 指定一个容器,控制整个tree的展开,收缩 或者收放 所有的节点。 | – |
treeview方法 |
||
| toggle | 当一个节点的收放状态改变时，调用自定义函数Callback。 toggle: function() {} | – |
| add | 追加节点。tree.treeview({ add: ”}); | – |
