Kendo ui kendo ui调度程序中的服务器端和客户端数据源筛选器

Kendo ui kendo ui调度程序中的服务器端和客户端数据源筛选器,kendo-ui,kendo-scheduler,Kendo Ui,Kendo Scheduler,我正在从事一个使用剑道UI调度程序的项目。调度程序是用javascript创建的。由于性能原因,需要加载特定日期范围(自定义视图)的数据,然后在客户机上进行筛选。问题是,当您使用serverFiltering=true时,客户端筛选器不起作用。是否有方法将可见数据集加载到调度程序中,然后应用客户端筛选器 计划程序的加载方式如下: var scheduler = $("#scheduler").kendoScheduler({ date: new Date(), height: 6

我正在从事一个使用剑道UI调度程序的项目。调度程序是用javascript创建的。由于性能原因,需要加载特定日期范围(自定义视图)的数据,然后在客户机上进行筛选。问题是,当您使用
serverFiltering=true
时,客户端筛选器不起作用。是否有方法将可见数据集加载到调度程序中,然后应用客户端筛选器

计划程序的加载方式如下:

var scheduler = $("#scheduler").kendoScheduler({
    date: new Date(),
    height: 600,
    views: [
        type: "month", eventHeight: 50},
            { type: "PlanboardView", selected: true, eventHeight: 60},
            { type: "timelineMonth", eventHeight: 50, majorTick: 1440, minorTickCount: 1 }
    ],
    dataSource: {
        batch: false,
        //serverFiltering: true,
        transport: {
            prefix: "",
            read: {
                url: "<the url>",
                type: "POST",
                dataType: "json"
            },
            parameterMap: function (options, operation) {
                if (operation === "read") {
                    var scheduler = $("#scheduler").data("kendoScheduler");

                    var result = {
                        start: scheduler.view().startDate().toISOString(),
                        end: scheduler.view().endDate().toISOString()
                    }

                    return result;

                }
                if(operation != "read")
                {
                    return kendo.stringify(
                                options
                            );
                }

                return options;
            }
        }
    }

}).data("kendoScheduler");
var调度器=$(“#调度器”).kendoScheduler({
日期:新日期(),
身高:600,
观点:[
类型:“月”,事件高度:50},
{类型:“PlanboardView”,所选值:true,事件高度:60},
{键入:“timelineMonth”,事件高度:50,主时钟:1440,最小时钟计数:1}
],
数据源:{
批次:假,
//是的,
运输:{
前缀:“”,
阅读:{
url:“”,
类型:“POST”,
数据类型:“json”
},
parameterMap:功能(选项、操作){
如果(操作==“读取”){
var调度器=$(“#调度器”).data(“kendoScheduler”);
var结果={
开始:scheduler.view().startDate().toISOString(),
结束:scheduler.view().endDate().toISOString()
}
返回结果;
}
如果(操作!=“读取”)
{
返回剑道(
选择权
);
}
返回选项;
}
}
}
}).数据(“kendoScheduler”);
对于下一个/上一个导航按钮,我有:

function scheduler_navigate(e) {
    //e.preventDefault(); <-- when used, it's not reloading
    console.log("navigate function", e.date);

    this.dataSource.read();
    this.refresh();
    // when using this function and navigating to the next / previous range. The application Always takes the datarange from the visible dates before            
}
function scheduler\u导航(e){

//e、 预防默认值();实现此行为的唯一方法是使用两个单独的数据源。一个用于从服务器端加载数据,其中应用了开始/结束日期筛选器,另一个绑定到调度程序并使用从第一个数据源获取的数据。实现此行为的唯一方法是使用两个独立的数据源。一个用于从应用开始/结束日期筛选器的服务器端加载数据,另一个绑定到调度程序并使用从第一个数据源获取的数据。