我正在将 FullCalendar v4 添加到我们的 React 应用程序中,而且我对 FullCalendar 还很陌生,所以如果我问一个基本问题,请原谅。
我搜索了文档和 StackOverflow,但找不到任何关于我当前问题的提示。让我简要描述一下我们的目标场景:
我们想要加载和呈现一整年的事件,并向用户显示大约 40 天(整个月以及从上个月和下个月开始的 5 天)的日期范围。用户应该能够使用滚动条滚动浏览全年。
第一个问题是 FC4 是否已经提供了我们可以实现目标的功能。我尝试定义持续时间为 30 天的“resourceTimeline”类型的自定义视图,并将“validRange”设置为当前年份。这给了我想要的外观,但不幸的是它是静态的——只要屏幕可以显示 40 天的整个区域,滚动条就不可见。使用下一个/上一个按钮,我可以在 40 天段之间切换,但我宁愿使用这些按钮在年份之间切换,并使用滚动条在年内滚动。
我们现在尝试将“visibleRange”设置为当前年份,并在“datesRender”函数中以编程方式滚动到当前日期。问题是我们无法确定是否最初加载了 FC4(我们将滚动到当前日期)或者用户是否手动滚动到时间轴中的另一个日期并在那里编辑了一个事件。在这种情况下,应保持滚动位置。
所以我们缺少的是告诉我们“executeRender”函数已经完全执行的匹配回调。此时的问题是,我如何以及在何处提供一个特定于应用程序的回调函数,该回调函数在所有日期和事件都呈现后触发。我还看到了几个内部成功回调。是否可以覆盖它们?
任何想法和提示都将受到高度赞赏。非常感谢您的思考。