You can add a CSS class with display: none that will hide the other row, you can use the following snippet:
modes : {
agenda : {
columns : {
agenda : {
renderer({ rowElement, row }) {
// Check if the row is not the first one, then add the custom 'hide-row' class
if(data.row.dataIndex > 0) {
data.rowElement.classList.add('hide-row');
}
// We need the system-provided cell rendering
return this.defaultRenderer(...arguments);
}
}
}
}
}
If you go to https://bryntum.com/products/calendar/examples/frameworks/angular/listview/dist/listview/ and select Agenda tab, you will see "Super busy week" event. If you select Agenda view then day range then the agenda will be displayed correctly, i.e. a single day and the multi-day event with arrows at both ends. Then what is the logic? If this is not a bug, i don't understand
Yes we can see that. But the reason for this is, repeat is set to None for the "Super busy week" event. And if you set the repeat to daily, you can see the multiple days in Agenda view with day range. This is by design and not a bug. I will check the code and get back to you.
modes : {
agenda : {
columns : {
agenda : {
renderer(data) {
// Check if the row is not the first one, then add the custom 'hide-row' class
if (data.row.dataIndex > 0) {
data.rowElement.classList.add('hide-row');
}
// We need the system-provided cell rendering
return this.defaultRenderer(...arguments);
}
}
}
}
},
You do not need to import it from anywhere. It is available in the context. I have incorporated the code in the angular example and you can check it there.
Ok. Thanks. And what is the conclusion? will you fix this problem in a future release? because I don't understand why all the days are not displayed for the single type events and for the recurring ones they are.