You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

基于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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.14 08:47:02