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: ''}); | - |