如何在另一个事件中添加一个事件 - fullcalendar

How can I add an event inside an other event - fullcalendar

我尝试根据 AngularJS 创建名册。对于这个项目,我使用的是 fullcalendar(调度程序版本)。

这是我目前的状态:

我的目标是,我想将我的员工拖放到工作层中。例如,"Haris Bjelic",在我的工作层内(显示为"WL from 01.06 - 04.06")。

然后我知道"Haris Bjelic" 需要从 01.06 工作到 04.06(没有任何休息,呵呵)。首先,我试图找到一个函数,使我有可能在另一个事件中添加一个事件。在这种情况下,我首先创建了一个名为 'Work Layer from 01.06. - 04.06' 的图层,我可以在其中拖放该图层中的任何员工,以安排他们的工作时间。

在调度程序中,我的部门(如酒吧、服务等)列在左侧。右侧是接下来的几天可见。

目前我试过这个功能:

eventOverlap: function(stillEvent, movingEvent) {}

因此,如果我将 "haris bjelic" 拖放到 'WL from 01.06 - 04.06' 中,如果它们重叠在一起,我就可以访问这两个事件。因此,我尝试获取 'draggable' 事件的 ID 和 'WL from 01.06 - 04.06' 的 ID,以便在数据库的关系中设置它。

如果完成,我想将员工姓名附加到工作层的 'title'。如果我将 "Haris Bjelic" 和其他员工拖放到 "WL from 01.06 - 04.06",结果需要如下所示:

'WL 01.06 - 04.06
  "Haris Bjelic"
  "Foo Employe"
  2 emplyoee are working in this Layer'

这就是我想要的结果!

使用 eventOverlap 函数,我可以访问这两个事件。目前,当我将 "haris bjelic" 拖到另一个 Event 并触发 Overlap 功能时,我想更改工作层的标题。

在 eventOverlap 中我尝试了这个:

stillEvent.text += "\n" + movingEvent.text;
element.fullCalendar('updateEvent', stillEvent);

它创建了一个新事件,而不是仅更改文本!

看这里:

为什么 updateEvent 会创建一个新事件而不是更新旧事件?我把 stillEvent 放在了 updateEvent 函数中。

活动中没有text属性,是title。标题更新后,我还使用此代码从日历中删除 movingEvent:

        eventOverlap: function(stillEvent, movingEvent) {
            stillEvent.title += "\n" + movingEvent.title;
            $('#calendar').fullCalendar('updateEvent', stillEvent);
            $('#calendar').fullCalendar('removeEvents', movingEvent._id);
            return false;
        },

        eventReceive: function(event) { // called when a proper external event is dropped
            $('#calendar').fullCalendar('removeEvents', event._id);
        },

此代码适用于与 fullCalendar 捆绑在一起的 external-dragging 演示。