Javascript Fullcalendar - копирование событий

Question

Я использую Fullcalendar (http://arshaw.com/fullcalendar) в своем проекте. Он получает события через источник json.

Я хочу предоставить пользователю возможность скопировать одно событие в календаре на другой день - и я хотел бы использовать перетаскивание для этого (ну, это требование клиента).

Но перетаскивание похоже на перемещение события, а не на копирование - есть ли способ получить «копию» события, которое перетаскивается (или копировать в исходное место), так что это похоже на операцию копирования?

Я попытался скопировать объект события в обратный вызов eventDragStart, но он не сработал.

Answer 1

Попробуйте это:

eventDrop: function(event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view) { 
    // Create an event object and copy at least the start date and the title from event 
    var eventClone = { 
     title:event.title, 
     start: event.start, 
     end: event.end 
    }; 

    // Render new event with new event object 
    $('#calendar').fullCalendar('renderEvent', eventClone); 

    // Revert the changes in parent event. To move it back to original position 
    revertFunc(); 
} 

Это просто идея. Я не тестировал этот код. Пожалуйста, дайте мне знать, как это работает. Спасибо

Answer 2

Ниже мое решение, которое позволяет пользователю удерживать клавишу Shift для копирования событий. Обратите внимание, что это фактически перемещает оригинальное событие и оставляет копию в исходном положении.

Я начал с this reference и создал следующее:

//Before the fullCalendar object 

    var copyKey = false; 
    $(document).keydown(function (e) { 
     copyKey = e.shiftKey; 
    }).keyup(function() { 
     copyKey = false; 
    }); 

//then inside the fullCalendar object 

    eventDragStart: function (event, jsEvent, ui, view) { 
     if (!copyKey) return; 
     var eClone = { 
      title: event.title, 
      start: event.start, 
      end: event.end 
     }; 
     $('#calendar').fullCalendar('renderEvent', eClone); 
    },