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: ''}); | - |
下载
原标题:treeview bootstrap 多级下拉树
关键词:ie