javascript - 使用 Kendo UI 进行嵌套过滤

Question

所以我有两个包含一堆数据的网格，网格的每一行都有一个复选框供您进行选择。基本上，发生的事情是，当您在第一个网格上进行选择时，它会过滤第二个网格仅显示与网格 1 上的选择相关的内容。这是完全有效的。但是，所有这些网格的顶部还有一个搜索栏，您可以在网格中搜索包含您输入的术语的项目。这也会根据用户输入过滤网格。

我想通过将过滤器彼此嵌套，使它们相互结合使用。我希望根据选择过滤网格，然后我希望用户能够在搜索栏中键入内容并再次过滤已过滤的网格以匹配项目。

我在 Telerik 论坛上找到了一个帖子，告诉某人尝试这样的事情，但它不起作用:

dataSource.filter({
    logic: 'or',
    filters: [
        { field: "Id", operator: "eq", value: 33 },
        {
            logic: "and",
            filters: [{ field: "Everything", operator: "contains", value: "s" }]
        },
        { field: "Id", operator: "eq", value: 34 },
        {
            logic: "and",
            filters: [{ field: "Everything", operator: "contains", value: "s" }]
        }
    ]
});

我打算为此做的是为具有 (Id = 33 && Everything.contains("s")) || 的项目过滤网格(Id = 34 && Everything.contains("s")。我该如何解决这个问题才能使其正常工作？

Answer 1

我相信您需要的过滤器结构是:

dataSource.filter({
    logic: 'or',
    filters: [
        {
            logic: "and",
            filters: [
                { field: "Everything", operator: "contains", value: "s" },
                { field: "Id", operator: "eq", value: 33 }
            ]
        },
        {
            logic: "and",
            filters: [
                { field: "Everything", operator: "contains", value: "s" },
                { field: "Id", operator: "eq", value: 34 }
            ]
        }
    ]
});

尝试将该结构手动应用到您的网格，如果可行，您可以实现它。