Scheduler - Rendering issue with row header height after hiding/showing events
Asked by Anonymous3 years ago.
Hi,
Please take a look at the attached video. After I hide some event and show them again, the rendering of the correspondent header row seems to be wrong.
This is the empty elment, that appears in the DOM:
<div unselectable="on" style="position: absolute; width: 248px; top: 632px; height: 30px;"><div class="scheduler_default_rowheader" style="position: relative; height: 100%;"></div></div>
Comment posted by Dan Letecky [DayPilot]3 years ago.
And how do you hide and show the event?
Comment posted by Anonymous3 years ago.
By setting the event's hidden property:
this.scheduler.events.filter(event => (event as any).tags.type == 'Error').
forEach(event => event.hidden = !this.showErrors);
Answer posted by Dan Letecky [DayPilot]3 years ago.
Thanks - but after changing the event properties, you need to update the Scheduler to make the changes visible.
Do you call update()? Or events.update()?
Comment posted by Anonymous3 years ago.
No, I didn't. That's why. After calling update() it works correct.
Thank you.
Comment posted by Dan Letecky [DayPilot]3 years ago.
This question is more than 1 month old and has been closed. Please create a new question if you have anything to add.