treeview bootstrap 多级下拉树

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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