超简单的ztree树形展示

罪无囚

于 2019-08-06 18:57:14 发布

阅读量423

点赞数

分类专栏： JS HTML

本文链接：https://blog.csdn.net/QQ972618478/article/details/98645973

版权

1.下载ztree
这里附上链接： https://gitee.com/zTree/zTree_v3
2.解压到要用到的项目里
3.开始操作

引入必要的文件
写相关的HTML代码
js操作
js操作主要分三步
1.配置对象

2.显示的数据(只截取了一部分)

3.DOM节点

有些数据并不符合ztree的数据格式我们要将数据封装成ztree需要的数据格式才行，以下数据格式才是ztree需要的

显然以上数据并不符合。所以我们进行数据封装

运行结果

附上完整代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css

最低0.47元/天解锁文章

罪无囚

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
超简单的ztree树形展示

1.下载ztree这里附上链接： https://gitee.com/zTree/zTree_v32.解压到要用到的项目里3.开始操作引入必要的文件写相关的HTML代码js操作js操作主要分三步1.配置对象2.显示的数据(只截取了一部分)3.DOM节点有些数据并不符合ztree的数据格式我们要将数据封装成ztree需要的数据格式才行，以下数据格式才是ztree需...
复制链接

扫一扫