我尝试在制表树结构上调用setFilter函数，以过滤掉项目。它似乎只过滤掉顶级 parent 。知道如何使其适用于任何级别(任何 child 或家长)吗？ http://tabulator.info/docs/4.1/tree没有过多说明过滤的工作原理。
函数
table.setFilter('id', '=', 214659) 没有返回任何内容...
树结构
[
{
"level":0,
"name":"word1",
"id":125582,
"_children":[
{
"level":1,
"name":"word6",
"id":214659
},
{
"level":1,
"name":"word7",
"id":214633
},
{
"level":1,
"name":"word2",
"id":214263,
"_children":[
{
"level":2,
"name":"word8",
"id":131673
},
{
"level":2,
"name":"word9",
"id":125579
},
{
"level":2,
"name":"word10",
"id":125578
},
{
"level":2,
"name":"word4",
"id":172670,
"_children":[
{
"level":3,
"name":"word13",
"id":172669
},
{
"level":3,
"name":"word14",
"id":174777
},
{
"level":3,
"name":"word5",
"id":207661,
"_children":[
{
"level":4,
"name":"word15",
"id":216529
},
{
"level":4,
"name":"word16",
"id":223884,
"_children":[
{
"level":5,
"name":"word17",
"id":223885,
"_children":[
{
"level":6,
"name":"word18",
"id":229186,
"_children":[
{
"level":7,
"name":"word19",
"id":219062
},
{
"level":7,
"name":"word20",
"id":222243
}
]
}
]
}
]
}
]
}
]
},
{
"level":2,
"name":"word3",
"id":214266,
"_children":[
{
"level":3,
"name":"word11",
"id":216675
},
{
"level":3,
"name":"word12",
"id":216671
}
]
}
]
}
]
}
]
最佳答案
经过一番搜索后，发现了一个名为 deepdash 的 lodash 库扩展，它具有深层过滤功能，并且运行良好。
您将有 2 个新的依赖项，但我认为它将满足您的目的。 查看有关如何安装它们的文档 here
在此处的代码片段中，您可以在日志中看到结果。我还做了一个沙箱here
这是一个 id 列表，一个或多个。
如果您只需要一个值，请更改条件。 return _.indexOf(idList, value.id) !== -1; 到 return id===value.id; 其中 id是你的 id 变量
此外，在查看 Tabulator 的文档后，只有一级过滤，即使您编写自己的自定义过滤器也无济于事，因为它需要一个 bool 值来渲染或不渲染该行。但仅适用于第一级，因此如果父级不是您所寻找的，则子级将被忽略。您唯一的选择是过滤制表符之外的数据。
const data = [
{
level: 0,
name: "word1",
id: 125582,
_children: [
{
level: 1,
name: "word6",
id: 214659
},
{
level: 1,
name: "word7",
id: 214633
},
{
level: 1,
name: "word2",
id: 214263,
_children: [
{
level: 2,
name: "word8",
id: 131673
},
{
level: 2,
name: "word9",
id: 125579
},
{
level: 2,
name: "word10",
id: 125578
},
{
level: 2,
name: "word4",
id: 172670,
_children: [
{
level: 3,
name: "word13",
id: 172669
},
{
level: 3,
name: "word14",
id: 174777
},
{
level: 3,
name: "word5",
id: 207661,
_children: [
{
level: 4,
name: "word15",
id: 216529
},
{
level: 4,
name: "word16",
id: 223884,
_children: [
{
level: 5,
name: "word17",
id: 223885,
_children: [
{
level: 6,
name: "word18",
id: 229186,
_children: [
{
level: 7,
name: "word19",
id: 219062
},
{
level: 7,
name: "word20",
id: 222243
}
]
}
]
}
]
}
]
}
]
},
{
level: 2,
name: "word3",
id: 214266,
_children: [
{
level: 3,
name: "word11",
id: 216675
},
{
level: 3,
name: "word12",
id: 216671
}
]
}
]
}
]
}
];
const idList = [214659];
const found = _.filterDeep(
data,
function(value) {
return _.indexOf(idList, value.id) !== -1;
},
{ tree: true, childrenPath: '_children' }
);
console.log(found);<script src="https://cdn.jsdelivr.net/npm/lodash/lodash.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/deepdash/browser/deepdash.min.js"></script>
<script>
deepdash(_);
</script>关于tabulator - 如何在制表符中过滤树结构中的子项？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60779347/