html5-scheduler-progressive-loading.png

With progressive event rendering enabled, the Scheduler events are not rendered at once but progressively as a user scrolls. This mode assumes all events are already available on the client side (compare with dynamic event loading).

There is a new property that sets the rendering mode - DynamicEventRendering. Possible values:

  • "Progressive" (default)
  • "Disabled"

In both the progressive and static modes the events are rendered in batches to provide visual feedback and prevent browser freezing.

See a demo page showing 10,000 events:

Viewport Size

The DynamicEventRenderingMargin [api] property will determine how many pixels (horizontally) will be loaded in addition to the current viewport.

ASP.NET WebForms

<DayPilot:DayPilotScheduler runat="server" id="DayPilotScheduler1"
  ...
  DynamicEventRendering = "Disabled"
/>

ASP.NET MVC

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = ResolveUrl("~/Scheduler/Backend"),
  ...
  DynamicEventRendering = DynamicEventRenderingType.Disabled
})

JavaScript

<div id="dp"></div>
<script type="text/javascript">
  var dp = new DayPilot.Scheduler("dp");
  dp.dynamicEventRendering = "Disabled";
  // ...
  dp.init();
</script>