你的位置:首页 > Java教程

[Java教程]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: ''});-

下载