a-tree搜索过滤后不符合条件的数据不显示(效果看e-tree)

a-tree搜索过滤后不符合条件的数据不显示(初学者,纯属记录,不喜勿喷)
前提:a-tree 目前框架是搜索的时候展示全部数据,符合条件的标红展示,不符合条件的不标红(具体效果移步:a-tree官网)
需求:不符合条件的过滤掉直接不展示,符合条件的标红展示(效果类似如:e-tree)
思路:
1.把treeData的数据格式平铺处理为dataList
2.搜索的时候获取符合条件数据的id集合(showNodeIDArr),以及需要展开数据的id集合(expandedKeys)
3.然后循环处理treeData,不符合条件的给其加上 style: ‘display: none’, 符合条件的 delete style 属性
主要代码:
a-tree搜索过滤后不符合条件的数据不显示(效果看e-tree)_第1张图片

a-tree搜索过滤后不符合条件的数据不显示(效果看e-tree)_第2张图片

你可能感兴趣的:(js,前端)