Our powerful JS Calendar component


Post by Oleg »

1.Agenda view not resize day row height all row events.

  1. Event dayCellRenderer not running in AgendaView

my version calendar

  • Bryntum Calendar 5.1.4
    *
  • Copyright(c) 2022 Bryntum AB
Attachments
This is a set param agenda view on calendar
This is a set param agenda view on calendar
CodeJavascriptAgendaParams .PNG (33.37 KiB) Viewed 434 times
Show AgendaView Not resize row - Day 24.10
Show AgendaView Not resize row - Day 24.10
agendaViewRowHeight.PNG (83.87 KiB) Viewed 434 times
Info how many event in the day 24.10
Info how many event in the day 24.10
agendaDay.PNG (195.73 KiB) Viewed 434 times

Post by marcio »

Hey Oleg,

Thanks for the report. I tried to add the configuration that you shared in one of our demos, and it worked correctly, the margin was applied (as you'll see in the screenshot attached here).

Could you please provide more info about what is the expected behavior and how to reproduce it??

Attachments
Screenshot 2022-10-28 at 08.47.23.png
Screenshot 2022-10-28 at 08.47.23.png (371.55 KiB) Viewed 429 times

Best regards,
Márcio


Post by Animal »

If you are using a custom eventRenderer, you will have to set the AgendaColumn to autoHeight : true meaning that the cell has to have its height measured by the RowManager in order to arrange the rows.

It does this automatically if you use a custom column renderer, but seems it needs to if you also use an event renderer.

try this as an override to AgendaView:

    changeColumns() {
        const result = super.changeColumns(...arguments);

        // Custom columns and AgendaColumns with custom renderer or eventRenderer will be autoHeight
        result?.forEach?.(c => {
            c.autoHeight = !c.isAgendaColumn || (c.renderer || this.eventRenderer);
        });
        return result;
    }```

Post by Animal »

Our custom-rendering example suffers from this bug. Here is the ticket: https://github.com/bryntum/support/issues/5495


Post by Oleg »

Hi, Thank you for your response. I don't understand how the error will be solved, if so, where will I find out.
There is one more problem, and as I wrote, the event does not work when rendering the date column in the dayCellRenderer agenda.


Post by Animal »

The AgendaColumn in your view needs to have autoHeight : true


Post by Oleg »

I'm sorry, but when I put autoHeight: true, it suddenly gives me no data, when I put this autoHeight back, it returns a list, but it's not resolved, I also got version 5.2, the data is there in the monthly or weekly view, it works fine. Where I make a mistake, I can upload a video or I don't know how to document it for you.

Attachments
MonthView.PNG
MonthView.PNG (110.04 KiB) Viewed 382 times
agendaView2.PNG
agendaView2.PNG (43.05 KiB) Viewed 382 times
agendaResult.PNG
agendaResult.PNG (52.19 KiB) Viewed 382 times

Post by Oleg »

I also tried your example in the demo and it can also be seen that if I insert autoHeight: true it doesn't show anything, an error will probably occur.
URL:https://bryntum.com/examples/calendar/shifted/

Attachments
bryntumTestAgenda.PNG
bryntumTestAgenda.PNG (81.37 KiB) Viewed 380 times

Post by Animal »

On your agenda column:

        modes : {
            agenda : {
                columns : {
                    agenda : {
                        autoHeight : true
                    }
                }
            }
        },
...
}

Post by Oleg »

Thank you for the answer, but sorry, it didn't help, it does return the data, but the complicated line with the date does not expand by lines

Attachments
problemNotResolv.PNG
problemNotResolv.PNG (49.47 KiB) Viewed 379 times

Post Reply