Example of Virtual Scrolling in Javascript Scheduler Control

Virtual Scrolling

This example illustrates how to dynamically load the resources and events as you scroll through the scheduler. All the events in this example are loaded at the initial rendering of scheduler, but the events in the visible area alone will be rendered. Here, the scheduler is made to dynamically load 300 resources along with the events count of 3600 (300 resources * 12 events).

More Details...


In this example, the virtual scrolling option is enabled on timeline month and month views to load the large number of resources and its associated events. To enable the dynamic loading of events and resources in the Scheduler, set the allowVirtualScrolling property to true within the view-specific settings.