Kendo UI 调度程序 - 在从服务器接收到数据后设置 slotTemplate
Kendo UI Scheduler - setting slotTemplate after data received from server
在调度程序的 'navigation' 事件中,我正在从服务器获取新日期的数据。
我有一个从日视图的 slotTemplate 调用的函数,它使用接收到的数据为调度程序槽着色。
我使用 Angular2、TypeScript 和 Reactive-Extensions/RxJS Observable 从服务器接收答案。
我的问题是,当我导航到另一个日期时,slotTemplate 函数在处理来自服务器的答案之前处于 运行,因此数据不可用于为插槽着色。
果然,数据准备好后,slotTemplate 函数就不会再运行了。
如果可能的话,我更愿意使用 Kendo 的内置方法,而不是 jQuery,来解决这个问题。
有什么办法可以做到这一点吗?
已解决:将视图重置为其当前值会重绘调度程序。
当 Observable returns 时,您可以为调度程序的插槽着色或对 DOM 进行任何其他更改,然后 re-set 将显示视图和更改。
re-set 视图的代码是:
let scheduler = $("#scheduler").data("kendoScheduler");
scheduler.view(scheduler.viewName());
在调度程序的 'navigation' 事件中,我正在从服务器获取新日期的数据。 我有一个从日视图的 slotTemplate 调用的函数,它使用接收到的数据为调度程序槽着色。
我使用 Angular2、TypeScript 和 Reactive-Extensions/RxJS Observable 从服务器接收答案。
我的问题是,当我导航到另一个日期时,slotTemplate 函数在处理来自服务器的答案之前处于 运行,因此数据不可用于为插槽着色。 果然,数据准备好后,slotTemplate 函数就不会再运行了。
如果可能的话,我更愿意使用 Kendo 的内置方法,而不是 jQuery,来解决这个问题。
有什么办法可以做到这一点吗?
已解决:将视图重置为其当前值会重绘调度程序。
当 Observable returns 时,您可以为调度程序的插槽着色或对 DOM 进行任何其他更改,然后 re-set 将显示视图和更改。
re-set 视图的代码是:
let scheduler = $("#scheduler").data("kendoScheduler");
scheduler.view(scheduler.viewName());