Kendo ui 按时间划分的KendoUI计划程序页面事件

Kendo ui 按时间划分的KendoUI计划程序页面事件,kendo-ui,paging,kendo-scheduler,kendo-datasource,Kendo Ui,Paging,Kendo Scheduler,Kendo Datasource,我们正在使用剑道调度程序显示会议室中的预订情况。加载调度程序时,有大量历史数据是不需要的,但用户可以轻松浏览。因此,在调度程序导航到它们的时间间隔之前,不需要加载这些历史事件 是否有办法按选定的时隙执行分页/过滤?我的第一个猜测是实现自定义传输,并在服务器上查询预订的正确子集,但是“read”方法只调用一次,并且没有提供视图属性。建议的做法是什么 这里有两个问题: 何时加载新数据(事件、方法重写等) 如何获取可见的时间范围(参数、调度程序属性等) 为小部件构建自己的数据源,然后设置它 var d

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

是否有办法按选定的时隙执行分页/过滤?我的第一个猜测是实现自定义传输,并在服务器上查询预订的正确子集,但是“read”方法只调用一次,并且没有提供视图属性。建议的做法是什么

这里有两个问题:

  • 何时加载新数据(事件、方法重写等)
  • 如何获取可见的时间范围(参数、调度程序属性等)

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

    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);
    
    var dataSource=new kendo.data.SchedulerDataSource();
    对于(变量i=0;i<7;i++){
    dataSource.add({
    id:i,//Sunday=0
    开始日期:开始日期,
    结束日期(完),
    标题:标题,,
    isAllDay:isAllDay,
    });
    }
    var调度程序=$(“#调度”).data(“kendoScheduler”);
    scheduler.setDataSource(数据源);
    
    为小部件构建自己的数据源,然后设置它

    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);
    
    var dataSource=new kendo.data.SchedulerDataSource();
    对于(变量i=0;i<7;i++){
    dataSource.add({
    id:i,//Sunday=0
    开始日期:开始日期,
    结束日期(完),
    标题:标题,,
    isAllDay:isAllDay,
    });
    }
    var调度程序=$(“#调度”).data(“kendoScheduler”);
    scheduler.setDataSource(数据源);
    
    以下是我们如何实现这一点的:

  • 我们连接到调度程序的“导航”事件,在该事件中设置要加载的时间帧(即当前时间、视图长度)
  • 我们实现了自定义传输,它只请求1)中时间框架设置中的事件
  • 当启动导航事件时,我们调用dataSource.read

  • 当我们使用AngularJS时,整个过程都是通过配置对象完成的,时间框架设置对于包含调度器的控制器范围是全局的

    下面是我们如何实现这一点的:

  • 我们连接到调度程序的“导航”事件,在该事件中设置要加载的时间帧(即当前时间、视图长度)
  • 我们实现了自定义传输,它只请求1)中时间框架设置中的事件
  • 当启动导航事件时,我们调用dataSource.read

  • 当我们使用AngularJS时,整个过程都是通过配置对象完成的,时间框架设置对于包含调度器的控制器范围是全局的

    是的,这是一个可能的选择,但我的问题是何时从数据库中提取以及如何找到要提取的内容。到目前为止,我找到的唯一方法是连接到调度程序上的事件并直接操作数据源,这完全打破了剑道成员所做的数据访问和UI之间的良好分离。我不确定。你试过在他们的论坛上发帖吗?不,还没有。我们已经创建了一些解决方案,我对此不太满意,但我将在这里发布它作为参考。是的,这是一个可能的选择,但我的问题是何时从数据库中提取以及如何找到要提取的内容。到目前为止,我找到的唯一方法是连接到调度程序上的事件并直接操作数据源,这完全打破了剑道成员所做的数据访问和UI之间的良好分离。我不确定。你试过在他们的论坛上发帖吗?不,还没有。我们已经创建了一些解决方案,我对此不太满意,但我将把它作为参考发布在这里。我会这样做。我会这样做。