做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JQuery基于bootstrap的多级列表树插件Bootstrap Tree View
来源:易助科技网浏览量:5收藏

简介

bootstrap treeview 是一款效果非常酷的基于 bootstrap 的 jQuery 多级列表树插件。该 jQuery 插件基于 Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树、列表树等等。

 


(下载的附件中附有DEMO)


使用

1.  引入文件

<!-- Required Stylesheets -->
<link href="bootstrap.css" rel="stylesheet">

<!-- Required Javascript -->
<script src="jquery.js"></script>
<script src="bootstrap-treeview.js"></script>


2.  HTML

<div id="tree"></div>


3.  调用

function getTree() {
// Some logic to retrieve, or generate tree structure
return data;
}

$('#tree').treeview({data: getTree()});


相关链接

GitHub 地址 :https://github.com/jonmiles/bootstrap-treeview

Gitee 地址 :https://gitee.com/mirrors/Bootstrap-Tree-View