将更多信息拖入现有事件

Question

我希望在我们的应用程序中使用 FullCalendar 以获得完整的 shift/rota 系统。我已经能够将外部事件复制到日历中，效果很好，但我希望能够将更多信息拖入该特定事件。

假设我有一个从 08:00 到 16:00 的班次，我会将那个班次拖到 FullCalendar 控件中。然后我希望能够为该活动分配工作人员。因此，将员工拖入该事件将更新数据库并使用更大的描述重新呈现日历，并将该员工作为 extendedProps 中的值。

有谁知道这是否可能？

Answer 1

我已经设法使用 jQuery 可拖动来实现此功能。所以首先我告诉 fullcalendar 只接受来自特定 class 的内部拖动事件（所以我可以将时间段拖入日历）：

dropAccept: ".PresetShift"

然后在 eventRender 上，我将事件设置为可丢弃（这样我就可以放入剧组 members/staff 成员）：

   $(element).droppable({
        scope: "staff",
        hoverClass: "highlighted",
        drop: function(dropEvent, ui) {
            //Get data from event, attributes from the dropped in staff member, and the 
            event and use a page method to save/update the data. 
            Then update the fullcalendar event
        }
    });
},

将更多信息拖入现有事件

Dragging more information into an existing event

html

javascript

fullcalendar

fullcalendar-3