反应资源中的全日历、可折叠事件

问题描述 投票:0回答:1

有什么方法可以使资源下的事件可折叠吗?就像我有一个父事件及其子事件一样,我希望它的子事件位于父事件下的下拉菜单中,就像我在它们下面已经有资源和事件一样,但每个事件也可以是可折叠的并且其中有一些事件

resource and parent event

<Grid item md={10}>
            {timeFrames && (
              <FullCalendar
                eventDrop={handleResizeOrRedropEvent}
                eventResize={handleResizeOrRedropEvent}
                droppable={true}
                eventReceive={handleEventReceive}
                viewDidMount={handleViewChange}
                ref={refCalendar as LegacyRef<FullCalendar> | undefined}
                nowIndicator
                dayMaxEvents
                height="80vh"
                datesSet={(arg) => setCurrentDate(arg)}
                displayEventTime={false}
                eventClick={handleEventClick}
                eventsSet={handleEvents}
                weekends={true}
                editable={true}
                selectable={true}
                // selectMirror={true}
                plugins={[resourceTimelinePlugin, interactionPlugin]}
                events={[dragEventRow, ...timeFrames]}
                resources={[dragEventRow, ...timeFrames].map((timeframe) => ({
                  id: `${timeframe.type}-${timeframe.title}`,
                  title: timeframe.title,
                  type: timeframe.type,
                }))}
                resourceGroupField="type"
                resourceAreaWidth={'20%'}
                initialView="resourceTimeline"
                eventContent={renderEventContent}
                headerToolbar={{
                  left: 'prev,next today',
                  center: 'title',
                  right:
                    'resourceTimelineDay,resourceTimelineWeek,resourceTimelineMonth',
                }}
              />
            )}
          </Grid>

尝试搜索有关它的任何信息,但只找到有关资源的问题/解决方案并折叠它们

reactjs fullcalendar
1个回答
0
投票

嗯,答案包含在此存储库中,只需将子项添加到事件中 https://github.com/fullcalendar/fullcalendar-workspace/blob/main/premium/bundle/examples/resource-grouping.html

© www.soinside.com 2019 - 2024. All rights reserved.