最近在做一些关于BootStarp的ZTree树形图组件的展示,在网上搜了很多,发现不太完整。
所以,总结一下,供大家和自己参考,有不足的地方请大家多多指教,话不多说,直接上代码。
首先需要引进ZTree的核心JS,这个就不用说啦:
如果嫌麻烦,直接可以去我的资源站下载:zTreeDemo下载
把标准版的zTree.js和zTree.css直接引入工程中
注意,img也需要导入工程,不然页面不会显示图标。
接下来,直接定义zTree显示的位置
HTML写:
<div class="box-body" align="center">
<div class="zTreeDemoBackground left">
<ul id="departmenttree" class="ztree"></ul>
</div>
</