KendoUI Scheduler 页面事件(按时间)

问题描述 投票:0回答:2

我们正在使用 Kendo Scheduler 显示会议室的预订。有大量历史数据在调度程序加载时不需要,但用户可以轻松浏览。因此,在调度程序导航到它们的时间间隔之前,不需要加载这些历史事件。

有没有办法实现按所选时隙进行寻呼/过滤?我的第一个猜测是实现自定义传输并查询服务器以获取正确的预订子集,但“读取”方法仅调用一次并且不提供视图属性。建议这样做的方法是什么?

我这里有两个问题:

  1. 我什么时候加载新数据(事件、方法覆盖等)
  2. 如何获取可见的时间范围(参数、调度程序属性等)
pagination kendo-ui kendo-scheduler kendo-datasource
2个回答
2
投票

我们的实现方式如下:

  1. 我们连接到调度程序的“导航”事件,在其中设置要加载的时间范围(即当前时间、视图长度)
  2. 我们实现了自定义传输,仅请求 1) 中设置的时间范围内的事件
  3. 当导航事件被触发时,我们调用 dataSource.read

当我们使用 AngularJS 时,整个事情是通过配置对象完成的,并且时间范围设置对于包含调度程序的控制器的范围是全局的。


0
投票

为小部件构建您自己的数据源,然后设置它

var dataSource = new kendo.data.SchedulerDataSource();
for (var i = 0; i < 7; i++) {
    dataSource.add({
        id: i,  // Sunday = 0
        start: date_start,
        end: date_end,
        title: title,
        isAllDay: isAllDay,
     });
}
var scheduler = $("#schedule").data("kendoScheduler");
scheduler.setDataSource(dataSource);
© www.soinside.com 2019 - 2024. All rights reserved.