Kendo ui 剑道ui计划程序查看日期范围
总结:Kendo ui 剑道ui计划程序查看日期范围,kendo-ui,kendo-scheduler,Kendo Ui,Kendo Scheduler,总结: 如何在导航到其他日期\周、月等时检索计划程序视图的开始和结束日期 详细信息: 在当前所选视图中导航到新的日期范围时,为了本帖子的目的,该视图将按月显示,我想获取“下一个”视图的开始日期和结束日期。我想导航到一个新的视图,以触发对服务器的请求,只获取该日期范围内的数据。我们已经有了一个全面开发的CRUD,列表,搜索api在前端,我们用它来插入现有的Ui组件,我想用它。这个问题以前有人问过,但我找不到答案。所有答案都需要将调度程序与“传输”紧密耦合 我过去使用过Arshaw和dhtmlx日历
如何在导航到其他日期\周、月等时检索计划程序视图的开始和结束日期 详细信息:
在当前所选视图中导航到新的日期范围时,为了本帖子的目的,该视图将按月显示,我想获取“下一个”视图的开始日期和结束日期。我想导航到一个新的视图,以触发对服务器的请求,只获取该日期范围内的数据。我们已经有了一个全面开发的CRUD,列表,搜索api在前端,我们用它来插入现有的Ui组件,我想用它。这个问题以前有人问过,但我找不到答案。所有答案都需要将调度程序与“传输”紧密耦合 我过去使用过Arshaw和dhtmlx日历,除非它们的api最近有所改变,否则这是一项简单的任务 剑道用户界面调度程序 “导航”事件在导航到下一个“视图”之前被调用(尽管我有一个可以在这里使用的解决方案,但一点也不优雅) “数据绑定”事件被调用得太频繁了:点击、拖动等(同样,我可以在她身边做一些工作,但也不优雅) 其他有同样问题的人: …但Telerik repsonse是:
…但我不想让小部件与数据检索有任何关系,我想检测一个事件“navigateOnArrival”、“viewReady”、“viewRendered”或其他什么,然后让我们的数据服务处理检索,否则我会将调度程序与api紧密绑定 我很自信我错过了一些简单的事情。
提前感谢,欢迎所有评论。对于任何感兴趣的人,我给出了一种方法,Telerik也提供了答案 按照我的思路,连接到“数据绑定”事件,这取决于您的选择:
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.
});
}
}
}
yourSched.schedulerOptions={
视图:[“时间线”],
数据源,你的源,
数据绑定:函数(e){
var vw=yourSched.view();
var startDate=vw.startDate();
var endDate=vw.endDate();
如果(e.action==“rebind”){/对任何感兴趣的人来说,我想出了一种方法,Telerik也给出了答案
按照我的思路,连接到“数据绑定”事件,这取决于您的选择:
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.
});
}
}
}
yourSched.schedulerOptions={
视图:[“时间线”],
数据源,你的源,
数据绑定:函数(e){
var vw=yourSched.view();
var startDate=vw.startDate();
var endDate=vw.endDate();
如果(e.action==“rebind”){//太棒了!那是一个巨大的帮助!非常感谢!太棒了!那是一个巨大的帮助!非常感谢!