I am currently running into an issue when working with the Kendo UI Scheduler and attempting to use two data sources (one which depends upon another) for both the resources and the scheduling events.
I have created a mock service which returns a random number of resources and a random number of events, each event tied to a specific resource. The JSON for a single event (in an event array) and the resource itself looks as follows for my 'mock' service:
My HTML page contains only one simple <div> element to host the calendar, as follows:
This works for a couple of time when doing navigation (using the 'Today' to navigate since I'm returning all mock scheduling events with the current date); however, eventually it will get the following error:
It appears that there is some type of synchronization going on within the calendar in which the events and the resources themselves are being rendered in the view, but they are out of sync. The service to which I am trying to fit the calendar to returns the resource and scheduling information, so only one service call is needed, but I need to "reshape" the data for both the resource list and the scheduling events from the same service results.
Is there something that I need to do in order to make sure that the refresh of the Scheduler is synchronized with the update and reshaping of the data for both my resource list and scheduler events? I am already going to extend the TimelineView with my own implementation, is there something I can do there or is this something that can be handled from within the data source itself? I need to be able to dynamically change the resource list and events without having to recreate the entire Scheduler. Any help would be appreciated.