基于Resource Timeline演示,能否实现单事件纵向跨多个资源?
实现FullCalendar Resource Timeline事件纵向跨多个资源
可以实现,FullCalendar的Resource Timeline视图原生支持让单个事件纵向覆盖多个资源,无需重复创建相同事件。核心是给事件配置**resourceIds属性**(复数形式,区别于单个资源的resourceId),传入需要覆盖的资源ID数组即可。
示例代码修改
假设你原来的Event4是绑定单个资源的配置:
{ title: 'Event4', start: '2024-05-20T10:00:00', end: '2024-05-20T12:00:00', resourceId: 'auditorium-f' }
修改为跨Auditorium F和G的配置:
{ title: 'Event4', start: '2024-05-20T10:00:00', end: '2024-05-20T12:00:00', resourceIds: ['auditorium-f', 'auditorium-g'] // 传入目标资源ID数组 }
注意事项
- 确保
resourceIds数组中的ID和你定义的资源ID完全匹配(比如资源列表里Auditorium F的ID是auditorium-f,G是auditorium-g)。 - 该功能依赖FullCalendar的Resource Timeline插件,需确认已正确引入相关依赖包(如
@fullcalendar/resource-timeline)。
内容的提问来源于stack exchange,提问作者Gandalf Corvotempesta
相关产品推荐
相关产品推荐

