【问题标题】:Kendo ui Scheduler view date rangeKendo ui Scheduler 查看日期范围
【发布时间】:2016-11-15 19:26:18
【问题描述】:

总结:
导航到不同的日\周、月等时如何检索调度程序视图的开始和结束日期。

详情:
在当前选定的视图中导航到新的日期范围时,为了这篇文章的目的,视图按月显示,我想获取“下一个”视图的开始日期和结束日期。我想导航到新视图以触发对服务器的请求,以获取仅在该日期范围内的数据。我们已经在前端有一个完全开发的 CRUD、列表、搜索 api,我们用它来插入现有的 Ui 组件,我想使用它。以前有人问过这个问题,但我找不到答案。所有答案都需要将调度程序与“传输”紧密耦合。

我过去使用过 Arshaw 和 dhtmlx 日历,除非他们的 api 最近发生了变化,否则这是一项简单的任务。

对于 Kendo ui 调度程序 在导航到下一个“视图”之前调用“导航”事件(虽然我有一个可以在这里使用的解决方法,但一点也不优雅)。

“dataBinding”事件被调用的太频繁了:点击、拖拽等(同样,我可以在她周围做一个工作,但同样不优雅)。

其他有同样问题的人: http://www.telerik.com/forums/start-end-date-of-month-view ...但 Telerik 的回应是: http://www.telerik.com/support/code-library/kendoui-scheduler-server-filtering http://www.telerik.com/support/code-library/server-filtering http://www.telerik.com/forums/get-scheduler-view-startdate-and-enddate-in-navigate-event
...但我不希望小部件与数据检索有任何关系,我想检测事件“navigateOnArrival”、“viewReady”、“viewRendered”或其他什么,然后让我们的数据服务处理检索,否则我将调度程序紧密绑定到我们的 api。

我相当有信心我错过了一些简单的事情。
提前致谢,欢迎所有 cmets。

【问题讨论】:

    标签: kendo-ui kendo-scheduler


    【解决方案1】:

    对于任何感兴趣的人,我想出了一种方法,Telerik 也提供了答案。

    我想出的方式,挂钩到“dataBinding”事件,无论是你的选择:

    yourSched.schedulerOptions = {
    views: ["timeline"],  
      dataSource, yourSource,  
      dataBinding: function(e){
          var vw = yourSched.view();
          var startDate = vw.startDate();
          var endDate = vw.endDate();
          if(e.action==="rebind"){   // <<<--------  This gets called once as nav to diff view or date range.
            // Now you can retrieve from server
            myService.getDataFromServer(startDate, endDate)
            .then(function(response){
              ///load etc.
            });
          }
      }
    }
    

    Telerik 也提供了一个答案: http://www.telerik.com/forums/scheduler-datasource-refresh-based-on-navigate-date-range#VqcirkrQX0-UK66dHTA0ig

    【讨论】:

    • 太棒了!这是一个巨大的帮助!非常感谢!
    猜你喜欢
    • 2017-06-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-03
    • 2015-04-16
    • 2014-12-01
    相关资源
    最近更新 更多