[REACT] Unexpected Triggering of dateRangeRequested Listener on Zoom/Resize in "Month" View

Post by **skamath** » Tue Apr 22, 2025 1:24 pm

I have observed that the dateRangeRequested listener is being triggered when the calendar instance is zoomed or resized, but this behavior occurs specifically in the "month" view. In contrast, the listener behaves as expected in the "agenda" and "week" views, where such interactions do not cause the event to fire.

Please help me with this.

Best regards,
Shlok Kamath

Post by **tasnim** » Tue Apr 22, 2025 1:32 pm

For me, it seems to be working fine. Could you please share a video of reproduction?

Post by **Animal** » Tue Apr 22, 2025 3:27 pm

On zoom, a MonthView necessarily has to refresh. Its count of visible event rows per cell may change.

Obviously a refresh pulls its set of events from the store. This event is just the store reporting that some code has asked it for a block of events. It will fire a lot. It's just the store being queried by a view which needs its data.

Post by **skamath** » Wed Apr 23, 2025 6:49 am

So how do I prevent it from happening. I want it to fire only when we change active view or date range. I don't want it to fire when we resize the calendar.

Post by **Animal** » Wed Apr 23, 2025 7:05 am

When changing active view, you have

https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-beforeActiveItemChange
https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-activeItemChange

When changing the visible date range you have

https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-dateRangeChange

Post by **skamath** » Wed Apr 23, 2025 7:53 am

Thank you. It worked.

Post by **skamath** » Wed Apr 30, 2025 12:19 pm

Animal wrote: ↑Wed Apr 23, 2025 7:05 am
When changing active view, you have

https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-beforeActiveItemChange
https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-activeItemChange

When changing the visible date range you have

https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-dateRangeChange

I want a listener that behaves exactly like dateRangeRequested, except it should not be triggered when the calendar is resized — when the number of cells per row changes. In all other cases, it should function the same as dateRangeRequested. How can I achieve this?

Post by **Animal** » Wed Apr 30, 2025 1:52 pm

I don't understand what your requirement is.

The dateRangeRequested actually means that the UI has requested a block of events from the store. That is a lifecycle point at which apps may want to intervene and mutate the event load that the UI sees.

What is your application requirement? Do you want to perform application code on https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#event-dateRangeChange ?

Post by **skamath** » Wed Apr 30, 2025 2:13 pm

No,

I want a listener (or a combination of listeners) that replicates the behavior of dateRangeRequested, but without being triggered when the calendar is resized.

In other words, I need a mechanism that fires in all the following cases:

When the user navigates to a different date (e.g., using next/prev buttons)
- When the user switches the active view (e.g., from month to week)
  - When an event is created, edited, or deleted, etc, etc.

But it should not fire when the calendar is simply resized (zoom in or zoom out).

Essentially, I want to capture all situations in which dateRangeRequested is triggered, except for calendar resizing.