Javascript 将更多信息拖动到现有事件中

Javascript 将更多信息拖动到现有事件中,javascript,html,fullcalendar,fullcalendar-3,Javascript,Html,Fullcalendar,Fullcalendar 3,我希望在我们的应用程序中使用FullCalendar,以实现全班轮班制。我已经能够将外部事件复制到日历中,这非常有效,但是我希望能够将更多信息拖到特定事件中 假设我有一个从08:00到16:00的班次,我会将该班次拖到FullCalendar控件中。然后,我希望能够为该活动指派工作人员。因此,将一名工作人员拖动到该事件中将更新数据库,并使用更大的描述重新呈现日历,并将该工作人员作为extendedProps中的值 有人知道这是否可能吗 我使用jQuery draggable成功地实现了这一点。首

我希望在我们的应用程序中使用FullCalendar,以实现全班轮班制。我已经能够将外部事件复制到日历中,这非常有效,但是我希望能够将更多信息拖到特定事件中

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


有人知道这是否可能吗

我使用jQuery draggable成功地实现了这一点。首先,我告诉fullcalendar只接受特定类的内部拖动事件,这样我就可以将时间段拖动到日历中:

dropAccept:预设移位

然后在eventRender上,我将事件设置为可拖放状态,以便我可以让工作人员/工作人员:

   $(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
        }
    });
},

我不知道是否可以通过具体拖动来实现,但肯定可以将更多数据与事件关联起来。但是,您需要编写自己的GUI控件来实现这一点。拖动部分是明确的要求吗?或者可以接受,例如,单击事件,显示弹出窗口,然后从列表或下拉列表中选择工作人员,甚至将他们拖动到弹出窗口中单独的可拖动目标中?您可以直接将事件设置为可拖动的目标,毕竟它只是一个HTML元素,但我还没有尝试过。你有没有研究或尝试过什么?拖动是绝对必要的。到目前为止,我所做的只是允许将日期周期shift从某个类拖到主日历上,然后在eventRender上,我向元素添加了一个外部可拖放事件,该元素接受工作人员。我还没有和它有任何联系,但我认为这绝对是一条路要走!伟大的如果你设法得到一个可用的解决方案,把它作为一个答案贴在下面,因为我认为其他人可能会发现这个概念很有用!完成!希望对某人有用。