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

FullCalendar能否实现带层级资源分组的垂直资源视图

FullCalendar是否支持实现带资源分组功能的垂直资源视图?

现有配置数据

当前已配置的资源与事件数据如下:

resources: [
    {
      id: 'r1',
      title: 'Room A'
    },
    {
      id: 'r2',
      title: 'Room B'
    },
    {
      id: 'd1',
      title: 'Doctor 1'
    },
    {
      id: 'd2',
      title: 'Doctor 2'
    }
  ],
  events: [
    {
      id: '1',
      resourceIds: ['r1', 'd1'],
      title: 'Exam',
      start: '2022-02-14'
    }
  ]

需求与已验证情况

期望实现的垂直资源分组视图效果如下:
期望垂直视图效果

目前已完成的验证结论:

  • FullCalendar自带的timeline视图支持资源分组,但为水平方向布局,无法满足垂直布局的要求
  • Kendo UI Calendar可实现同类效果,官方将该功能归类为Horizontal Group Orientation下的Hierarchical Grouping,但优先希望基于FullCalendar实现该需求,咨询可行的实现方案。

内容的提问来源于stack exchange,提问作者Edward

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.02 03:06:38