wdTree树 树节点选中后只显示相关联的节点

本文介绍了一个JavaScript实现的场景,当在wdTree树形结构中选择节点后,如何只显示与所选节点相关联的其他节点。通过递归遍历所有节点,调整每个节点的选中状态,并利用wdTree的数据结构进行重新渲染,以达到预期的显示效果。
摘要由CSDN通过智能技术生成

场景

需要完成选择树中的某个或某些节点后, 只显示出关联的节点

结果

实现

数据结构(使用wdtree要求的结构)

实现思路

通过递归的方式遍历所有节点并得到所有需要的节点, 过程中需要对每个节点的checkbox的三个状态进行修改(包括: 不选, 部分选中, 全部选中), 将获取到的数据结构进行wdTree重新渲染, 达到显示效果

/**
 * 得到需要显示的节点
 * @param $nodes wdTree 的 data数据结构
 * @param $relation 相关联的所有节点ID ['1_11', '2_13', '3_14']
 * @param $checkboxed 选中的所有节点ID 格式如: ['1_11', '2_13']
 * @retuen [
 * 	all_count 当前所有的节点
 * 	select_count 选中的节点数量
 *  childs nodes数据结构(wdTree)
 * ]
 */
function getNeedShowNodes($nodes, $relation,$checkboxed)
{
    var all_count = 0;
    var select_count = 0;
    var childs = [];
    if (Ar
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值