Our powerful JS Calendar component


Post by codevlabs »

Dear Support,

I are experimenting with updating the agenda view and would like to achieve something similar to the following screenshot. I couldn't find a lot of agenda rendering code samples to achieve something similar.

Could anyone help with some suggestions or code samples please?

Thank you.

Attachments
agenda view.png
agenda view.png (28.35 KiB) Viewed 236 times

Post by Animal »

Agenda view is just a grid, and there you can always use a cell renderer. Call the default one to create the content and then append something.

But obviously, just creating and rendering widgets into the DOM whenever the renderer is called will leak widgets, so it's not that easy.

They'd have to be cached and reused. A very simplistic suggestion is here: https://codepen.io/Animal-Nige/pen/ExrNvPa?editors=0110


Post by codevlabs »

Dear Animal, thank you for sterling support.

We will have a look at the code sample and try to replicate. Just for clarity, what we want to achieve looks more like the following. We want extra content each event not for each day. Any other samples anyone else can also provide would be greatly appreciated. This addition is very important for what we need to achieve.

thanks again.

Attachments
agenda view.png
agenda view.png (36.91 KiB) Viewed 181 times

Post by Animal »

This will need an extra hook to be able to get in and modify the children in an event row.

https://github.com/bryntum/support/issues/8683


Post by Animal »

I have a POC running here: https://codepen.io/Animal-Nige/pen/NWJQzOK?editors=0110

Note that this is just a POC. The actual API which may be exposed to mutate what an event row looks like might be changed when we design it. If you use this prototype code be aware that it may have to be refactored in future.


Post Reply