Kendo ui kendo ui调度程序中的服务器端和客户端数据源筛选器
我正在从事一个使用剑道UI调度程序的项目。调度程序是用javascript创建的。由于性能原因,需要加载特定日期范围(自定义视图)的数据,然后在客户机上进行筛选。问题是,当您使用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
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、 预防默认值();实现此行为的唯一方法是使用两个单独的数据源。一个用于从服务器端加载数据,其中应用了开始/结束日期筛选器,另一个绑定到调度程序并使用从第一个数据源获取的数据。实现此行为的唯一方法是使用两个独立的数据源。一个用于从应用开始/结束日期筛选器的服务器端加载数据,另一个绑定到调度程序并使用从第一个数据源获取的数据。