bootstrap-treeview 树形菜单控件
https://github.com/jonmiles/bootstrap-treeview
var tree = [ { text: "Parent 1", id:1, nodes: [ { text: "Child 1", id:2, nodes: [ { text: "Grandchild 1", id:3, }, { text: "Grandchild 2", id:4 } ] }, { text: "Child 2", id:5 } ] }, { text: "Parent 2", id:6 }, { text: "Parent 3", id:7 }, { text: "Parent 4", id:8 }, { text: "Parent 5", id:9 } ]; $('#tree').treeview({ data: tree, // 数据源 showCheckbox: false, //是否显示复选框 highlightSelected: true, //是否高亮选中 nodeIcon: 'glyphicon glyphicon-user', //节点上的图标 //nodeIcon: 'glyphicon glyphicon-globe', emptyIcon: '', //没有子节点的节点图标 multiSelect: false, //多选 onNodeChecked: function (event,data) { console.log("nodeId = "+data.nodeId); console.log("id = "+data.id); }, onNodeSelected: function (event, data) { console.log("nodeId = "+data.nodeId); console.log("id = "+data.id); } });
相关推荐
bootstrap树控件使用bootstrap-treeview.js树形控件在下拉框select中显示,带树形的下拉框
bootstrap树控件使用bootstrap-treeview.js树形控件在下拉框select中显示,带树形的下拉框
bootstrap树控件使用bootstrap-treeview.js树形控件在下拉框select中显示,带树形的下拉框
bootstrap框架下带搜索功能的下拉树插件,在bootstrao-select和bootstrap-treeview的基础上实现(带演示模板可以直接使用)
主要为大家详细介绍了Bootstrap树形菜单插件TreeView.js使用方法,一款非常酷的基于bootstrap的jQuery多级列表树插件,具有一定的实用性,感兴趣的小伙伴们可以参考一下
主要介绍了基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合的相关资料,需要的朋友可以参考下
实用Bootstrap树形菜单特效插件Bootstrap Tree View,非常不错的Bootstrap插件,现在很多Bootstrap制作的页面都需要此功能,此插件需要Bootstrap3版本以及jQuery 2.0极以上版本支持,支持众多参数自定义功能,颜色、...
主要为大家详细介绍了js组件Bootstrap TreeView使用方法,本文一部分针对于bootstrap的treeview的实践,另一部分是介绍自己写的树形菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下