依据parentId动态构建一颗树
来源:互联网 发布:mac 重新安装jenkins 编辑:程序博客网 时间:2024/05/01 22:43
友情提示:图片看不清请点击鼠标右键,查看图像
一、需求分析
1、后端以数组形式返回树的所有节点数据,每个节点数据格式如下:
2、我们只需要关心节点与节点之间的连接属性parentId即可,其他属性无需关心,parentId会指明当前节点关联的父级节点id号
3、这里我基于primeng控件库的p-tree配置进行演示(ps:primeng是angular4接近最全的控件库),关于primeng请查看primeng官网
4、这里我给出p-tree渲染树所需要的数据配置
5、看完p-tree的数据配置,我们只需要将节点的子节点添加进该节点的children属性对应的字段里面(ps:市面上的树的渲染配置都是大同小异)
二、拼树的具体实现
1、这里我展示一下如何拼出这棵树需要的渲染配置(所有的逻辑我都进行了备注,这里省略了业务相关的其他代码,比如加图标)
2、下面是p-tree依据组合成功的数据进行渲染的结果
阅读全文
0 0
- 依据parentId动态构建一颗树
- Oracle 依据 数字值 构建虚拟行
- iOS开发-依据文字动态调整按钮(UIButton)宽度
- ((DataRowView)e.Item.DataItem)["parentid"]
- 动态构建DataTable
- javascript动态构建
- 构建动态链表
- 学习构建动态网站
- append构建动态函数
- 动态数组的构建
- 给动态指定路径——依据数据库动态生成图片
- c++动态加载dll中的类(用于实现依据字符串类名创建对象)
- 在VC中CToolBar,依据状态改变,动态改变工具栏显示图片
- c++动态加载dll中的类(用于实现依据字符串类名创建对象)
- 立论依据
- EasyNVR H5无插件直播方案前端构建之:区分页面是自跳转还是分享依据
- EasyNVR无插件IPC摄像机直播方案前端构建之:区分页面是自跳转还是分享依据
- Filter Graph的动态构建
- 爬虫算法之PageRank
- Java设计模式之装饰者模式
- Java学习笔记(二)
- 运行.m文件遇到尝试将 SCRIPT ompbox\private\ompmex 作为函数执行错误
- Linux下最简单完整的samba服务器搭建
- 依据parentId动态构建一颗树
- Java经典算法40例(三十六)
- 指针数组和数组指针梳理
- Spring Cloud学习笔记之12-Factor
- DS:using Stack to arrange the array to get max number.
- mybatis(9)--整合ehcache
- Android的死机、重启问题分析方法
- VIM设置,自动换行
- 将文件做成镜像文件