我在一个react项目中使用FullCalendar,并在左边有一个侧栏;当我隐藏我的侧栏时,资源时间线会展开,但它并没有占据全部宽度。见下图,我得到了右边的空白空间(B)。
我已经为汉堡包按钮添加了一个点击监听器,这样每当它被点击时,它就会调用calendar.updateSize,但这似乎并不能解决我的问题.我试过不为汉堡包添加点击事件监听器,而是在父div上添加一个突变观察器,每当它的使侧栏hideshow的类发生变化时,在我调用updateSize的回调中,这不起作用,但如果我打开devTools,并在updateSize后设置一个调试器,就可以点击汉堡包,大小调整完美发生。我不知道为什么它的工作与devtool打开和调试器。
同样发生的一些有趣的事情是,当我切换到不同的视图,如dayGridMonth,然后切换回resourceTimeline时,resourceTimeiline会正确调整宽度,并且完美地适合。
有什么办法可以解决这个问题吗?
先谢谢你
试试这个。
var calendar = new FullCalendar.Calendar(calendarEl, {....
height: 'parent',
...
});