Перетаскивание дополнительной информации в существующее событие

Question

Я ищу FullCalendar для полной смены / ротации системы в нашем приложении. Мне удалось скопировать внешние события в календарь, который отлично работал, однако я хотел бы иметь возможность перетаскивать больше информации в это конкретное c событие.

Скажем, у меня есть переход от 08 С 00:00 до 16:00 я перенесу эту смену в элемент управления FullCalendar. Затем я хотел бы иметь возможность назначить персонал на это мероприятие. Таким образом, перетаскивание сотрудника в это событие обновит базу данных и повторно отобразит календарь с более подробным описанием и с указанием этого сотрудника в качестве значения в extendedProps.

Кто-нибудь знает, возможно ли это вообще?

Answer 1

Мне удалось заставить это работать, используя jQuery draggable. Поэтому сначала я сказал fullcalendar принимать только внутренние события перетаскивания из определенного класса c (чтобы я мог перетаскивать временные интервалы в календарь):

dropAccept: ".PresetShift"

А затем на 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
        }
    });
},