layui treetable无法直接用filter方法实现全局搜索，因其仅作用于已渲染的平铺dom行，无法遍历未展开的懒加载子节点；正确做法是操作原始数据源，递归匹配所有层级节点并保留祖先路径，再通过reload重绘整棵树，同时手动设置spread:true以维持展开状态。
layui treeTable 全局搜索为什么不能直接用 filter 方法？
因为 treeTable 的数据是树形嵌套结构，且默认懒加载（isLazy 为 true 时子节点不初始化），table.filter 只作用于当前已渲染的行（平铺后的 DOM 行），无法递归匹配深层未展开节点的原始数据，一搜就漏——尤其是折叠状态下的子项根本不会被遍历。
如何正确实现「真正全局」的搜索（含未展开节点）？
必须绕过 DOM 过滤，直接操作原始数据源（data 数组），再重绘整棵树。关键点有三个：
- 保存初始化时的完整原始数据（非
table.render后的扁平化数据），建议在done回调里存到闭包或模块变量中，比如let originData = [] - 写一个递归函数，遍历所有层级（包括
children），检查每个节点的指定字段（如title、id）是否包含关键词，返回**所有匹配节点的完整路径（祖先链）**，确保父级也被保留（否则搜到叶子，父节点却没了） - 用
treeTable.reload传入过滤后的新数据，注意保持节点的spread状态：匹配节点及其所有祖先应设为spread: true，否则展开后仍为空
示例核心逻辑：
function searchTree(data, keyword, key = 'title') {
const result = [];
function traverse(nodes, path = []) {
if (!Array.isArray(nodes)) return;
nodes.forEach(node => {
const currentPath = [...path, node];
const match = String(node[key] || '').includes(keyword);
if (match) {
// 标记整条路径可见
currentPath.forEach(n => n.spread = true);
result.push(...currentPath);
}
if (node.children && node.children.length) {
traverse(node.children, currentPath);
}
});
}
traverse(data);
// 去重并转为树结构（需按 parent-child 关系重建）
return buildTreeFromFlat(result); // 此处需自行实现，或用 Map 缓存 id→node 映射后重组
}
搜索框绑定和性能要注意什么？
别用 input 实时监听 keyup —— 每次都全量递归遍历大数组会卡顿。推荐：
- 加防抖（
setTimeout+clearTimeout），延迟 300ms 再触发搜索 - 只对
title、code等明确字段搜索，避免遍历children里的冗余属性 - 如果数据量超 500 节点，考虑服务端搜索：把关键词发给后端，返回匹配的完整子树 JSON，前端直接 reload
另外，treeTable 的 parseData 配置不要删掉原始 children 字段，否则递归时拿不到子节点——这是最常被忽略的数据源头问题。
为什么 reload 后节点状态丢失（如已展开的父节点又收起了）？
因为 treeTable.reload 会重置所有节点的 spread 状态为默认值（通常是 false）。解决方法只有两个：
- 在生成搜索结果数据时，手动给所有「需要保持展开」的节点加上
spread: true（见上文示例） - 或者改用
treeTable.updateNode(id, {spread: true})批量设置，但得先拿到所有匹配节点的id列表，再逐个更新——不如 reload 时一次性注入干净
记住：treeTable 没有内置「保留视图状态」的 reload 选项，所有状态都得你显式维护。
