按时间划分的KendoUI调度程序页面事件

时间:2016-12-14 21:45:51

标签: kendo-ui paging kendo-scheduler kendo-datasource

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

有没有办法在选定的时间段内实现分页/过滤?我的第一个猜测是实现自定义传输并在服务器中查询正确的预订子集,但是" read"方法仅调用一次,并且不提供视图属性。这样做的建议方法是什么?

我在这里有两个问题:

  1. 何时加载新数据(事件,方法覆盖等)
  2. 如何获取可见的时间范围(参数,调度程序属性等)

2 个答案:

答案 0 :(得分:2)

以下是我们如何实现这一目标:

  1. 我们迷上了#34;导航"调度程序的事件,我们设置要加载的时间范围(e.i.当前时间,视图长度)
  2. 我们实施了自定义传输,仅在1)
  3. 中的时间范围设置中请求事件
  4. 我们在触发导航事件时调用dataSource.read
  5. 当我们使用AngularJS时,这一切都通过配置对象完成,时间范围设置对于包含调度程序的控制器的范围是全局的。

答案 1 :(得分:0)

为小部件构建自己的dataSource,然后设置它

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);