清除过滤器框时，Kendo Scheduler 会显示所有数据

Question

真的不知道如何描述这个问题，但这里是。如果你去 Kendo Scheduler Demo 页面：-

http://demos.kendoui.com/web/scheduler/index.html

顶部的复选框过滤数据，但是如果您清除复选框，调度程序会显示所有数据；我需要它来显示 no 数据。有什么想法吗？

Answer 1

该演示中的示例通过在复选框更改事件上向调度程序数据源对象添加和删除过滤器来工作。要过滤掉所有数据，您可以给过滤器对象一个不可能的条件。

这不是最佳解决方案，但我找不到其他隐藏数据的方法。

为此，您可以将复选框的更改事件处理程序更新为如下所示：

 ....

 $("#people :checkbox").change(function (e)
        {
            var checked = $.map($("#people :checked"), function (checkbox)
            {
                return parseInt($(checkbox).val());
            });

            var filter;
            if (checked.length == 0)
            {
                filter = {
                    logic:"and",
                    filters: [
                        {
                            operator: "eq",
                            field: "ownerId",
                            value: 1
                        }, {
                            operator: "neq",
                            field: "ownerId",
                            value: 1
                        }]
                };
            }
            else {
                var filter = {
                    logic: "or",
                    filters: $.map(checked, function(value) {
                        return {
                            operator: "eq",
                            field: "ownerId",
                            value: value
                        };
                    })
                };
            }

            var scheduler = $("#scheduler").data("kendoScheduler");

            scheduler.dataSource.filter(filter);
        });

 ....