The dynamicEventRenderingCacheSize property (number) sets how many inactive events outside the current viewport remain in the DOM when progressive event rendering is enabled.
DayPilot.Scheduler.dynamicEventRenderingCacheSize200Use DayPilot.Scheduler.dynamicEventRenderingCacheSweeping to limit the cache to this size instead of keeping rendered events in the DOM after scrolling.
JavaScript
const dp = new DayPilot.Scheduler("dp", {
dynamicEventRenderingCacheSize: 400,
// ...
});
dp.init();Angular
<daypilot-scheduler [config]="config"></daypilot-scheduler>config: DayPilot.SchedulerConfig = {
dynamicEventRenderingCacheSize: 400,
// ...
};React
<DayPilotScheduler
dynamicEventRenderingCacheSize={400}
{/* ... */}
/>Vue
<DayPilotScheduler
:dynamicEventRenderingCacheSize="400"
<!-- ... -->
/>DayPilot.Scheduler.dynamicEventRenderingCacheSweeping
Progressive Event Rendering [doc.daypilot.org]