微客导航 » 文章资讯 » BootStrap TreeView使用实例详解

BootStrap TreeView使用实例详解

2023-09-21 17:10:05 159

本文实例为大家分享了BootStrapTreeView使用代码，供大家参考，具体内容如下

$(function(){ functiongetTree(){ //Somelogictoretrieve,orgeneratetreestructure vardata=[{ text:"p1", nodes:[{text:"p1-1",id:'00001',nodeId:'00001'},{text:"p1-2",id:'00002'},{text:"p1-3",id:'00003'},{text:"p1-4",id:'00004',nodes:[{text:'p1-1-1',id:'00005'}]}] }] returndata; } varobj={}; obj.text="123"; $('#tree').treeview({ data:getTree(),//dataisnotoptional levels:5, multiSelect:true }); $("#btn").click(function(e){ vararr=$('#tree').treeview('getSelected'); alert(JSON.stringify(arr)); for(varkeyinarr){ alert(arr[key].id); } }) })

弹窗口+树形菜单的具体代码

















开始演示模态框








×


模态框（Modal）标题

关闭提交更改

$(function(){ functiongetTree(){ //Somelogictoretrieve,orgeneratetreestructure vardata=[{ text:"p1", nodes:[{text:"p1-1",id:'00001',nodeId:'00001'},{text:"p1-2",id:'00002'},{text:"p1-3",id:'00003'},{text:"p1-4",id:'00004',nodes:[{text:'p1-1-1',id:'00005'}]}] }] returndata; } varobj={}; obj.text="123"; $('#tree').treeview({ data:getTree(),//dataisnotoptional levels:5, multiSelect:true }); $("#btn").click(function(e){ vararr=$('#tree').treeview('getSelected'); for(varkeyinarr){ c.innerHTML=c.innerHTML+","+arr[key].id; } }) })

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

BootStrap TreeView使用实例详解

热门推荐

随机推荐