javascript - 如何 "Filter a Kendo Grid data on serverSide with multi checkbox filter that has some default selections made"

Question

我正在尝试在 kendo 网格的列上创建一个多复选框过滤器，并将 serversidefiltering 设置为 true。在多选复选框过滤器中，我想将选择默认为某个值。我正在努力实现下面给出的这两种情况:

1) 我仍然希望 multiSelect 过滤器向我显示该字段的所有值，并且只检查默认选择。

2) 此外，将网格列上的数据过滤到多复选框过滤器中选中的复选框。

我已经尝试了以下方法，而且我几乎接近实现 1) 或 2)。但我正在努力让他们一起工作。

Here's a link to the demo for 1)

有了上面的内容，我可以只选中默认复选框，但加载的网格数据不显示过滤后的数据，而是显示所有内容。

对于 2) 我尝试了以下

Filter: [{
           field: "ProductName", operator: "eq", value: "Chai"
}],

上面这段代码正确地过滤了网格上的数据，但是对于菜单过滤器，复选框列表也被缩小到只包含服务器发送的过滤项目列表。 (寻找一种解决方案来缩小网格中的数据，但在复选框过滤器中显示所有选项)。

有没有办法让我在带有服务器端过滤的多复选框过滤器上同时满足这两个要求？

非常感谢任何解决此问题的想法。

提前致谢!

Answer 1

当启用 Grid 的 serverPaging 时，应为所有 Filterable Multi Check 小部件提供数据源。这意味着，您必须在您的服务器上实现方法，该方法将返回要在过滤器中显示的项目列表。

columns: [
{
    field: "FirstName",
    filterable: {
        multi: true,
        //when serverPaging of the Grid is enabled, dataSource should be provided for all the Filterable Multi Check widgets
        dataSource: {
            transport: {
                read: {
                    url: telerikWebServiceBase + "Employees/Unique",
                    dataType: "jsonp",
                    data: {
                        field: "FirstName"
                    }
                }
            }
        }
    },
},

这是一个有效的 demo .

这是一个link到 Telerik 的演示。