| js实现layui搜索树数据构造 | 您所在的位置：网站首页 › ztree复选框不显示 › js实现layui搜索树数据构造 |
|
** js实现layui搜索树数据构造** 其中搜索框的实现需求： 1、搜索关键字为模糊搜索 2、展示关键字命中的目标节点及所有子节点和所有父节点 实现思路：还是通过递归遍历所有子节点来判断是否包含字符串，末节点若不包含则删除自身，这样上一级父节点就变成了末节点，再进行一样的判断即可，主要工作量在于对js数组和对象的删除需要有一定的理解，实现代码如下： var labCondition = '搜索关键字'; //过滤搜索条件 function reFilter(array) { for (var i=0; i continue; } if (data.children && data.children.length > 0) { reFilter(data.children); } if (!((data.children && data.children.length > 0)) && data.title.indexOf(labCondition)==-1) { array.splice(i, 1); i--; } } } //将源树形数据data放进去执行后就可以直接使用layui.tree渲染了 reFilter(data); tree.render({ elem: '#xxx', data: data, id: 'xxx', showLine: false, //是否开启连线 accordion: true, //是否开启手风琴模式 showCheckbox: false, //是否显示复选框 click:function(item){} });以上转发自 简书- 二枚目 |
| CopyRight 2018-2019 实验室设备网 版权所有 |