[ANGULAR] Lazy loading

[mv2022]

Hello,

Do you know if lazy loading will work for 5.6.13 version for the scheduler pro ? If not,
what would the alternative be ?

I found this article but it says it was available for version 6 , so I wasn't sure.

https://bryntum.com/blog/how-to-lazy-load-data-with-the-bryntum-scheduler/

Thank you

[marcio]

Hey mv2022,

Thanks for reaching out.

You're correct, lazy loading was introduced for SchedulerPro on the 6.x release. So if you're planning to use lazy loading in Scheduler Pro, you'll need version 6.0.0 or later.

[mv2022]

Thanks Marcio,

Do you know if there is a potential workaround for this with an older version? Or do the users need to manually set the start and end dates to refresh the schedule?

For example, our goal is to mimic the Outlook scheduling assistant, but I understand that lazy loading is only available for applications that support Node.js 20 or higher. Do you know if there might be a workaround for this or an alternative solution ?

[marcio]

Hey mv2022,

A common approach that you can try as a workaround is:

• Detect when the visible time/resource range changes (user navigation, next/prev, or scroll).
• Request events/resources for that range from your backend (send startDate/endDate and optionally resource index/count).
• Merge the returned records into scheduler.eventStore / scheduler.resourceStore (eventStore.add or load with params), and remove/trim records outside the window if needed.

Example (pseudo):

// fetch events for visible range
function loadRange(start, end) {
  fetch(`/events?start=${start.toISOString()}&end=${end.toISOString()}`)
    .then(r => r.json())
    .then(data => scheduler.eventStore.add(data.events));
}
// call loadRange from your navigation/scroll handler

This requires you to implement the range detection and server API logic yourself.

For reference, please check the Scheduler docs.