fullcalendar中的多个资源列

时间:2017-09-06 07:37:28

标签: javascript fullcalendar

如何在完整日历计划程序中添加多个资源列

resources: [
    { id: 'a', title: 'Room A' },
    { id: 'b', title: 'Room B' },
    { id: 'c', title: 'Room C' },
    { id: 'd', title: 'Room D' }
],
resources: [
    { id: 'a', title: 'Room A Info' },
    { id: 'b', title: 'Room B Info' },
    { id: 'c', title: 'Room C Info' },
    { id: 'd', title: 'Room D Info' }
]

具有2个或更多资源列的类似内容。

1 个答案:

答案 0 :(得分:0)

你还没准确说出你想要输出的内容,但为了获得我认为你想要的效果,你可以使用资源组。在日历选项中指定以下内容:

resourceGroupField: 'groupId',
resources: [
    {
        id: 1,
        groupId: 'a',
        title: 'Room A'
    },
    {
        id: 2,
        groupId: 'b',
        title: 'Room B'
    },
    {
        id: 3,
        groupId: 'c',
        title: 'Room C'
    },
    {
        id: 4,
        groupId: 'd',
        title: 'Room D'
    },
    {
        id: 5,
        groupId: 'a',
        title: 'Room A Info'
    },
    {
        id: 6,
        groupId: 'b',
        title: 'Room B Info'
    },
    {
        id: 7,
        groupId: 'c',
        title: 'Room C Info'
    },
    {
        id: 8,
        groupId: 'd',
        title: 'Room D Info'
    }
]

有关详细信息,请参阅https://fullcalendar.io/docs/resource_rendering/resourceGroupField/