拖動外部事件到fullcalendar並將其保存在數據庫使用JSON

Question

這個例子：http://arshaw.com/js/fullcalendar-1.6.3/demos/external-dragging.html

但我怎樣才能在外部DIV數據保存到我的JSON數據庫。

Answer 1

您可以listen拖動&在fullcalendar中刪除事件並執行任何操作。類似這樣的：

var events = []; //array of events in json format 
var calendar = $('#calendar-container').fullCalendar({ 
theme: true, 
header: { 
    left: 'prev,next today', 
    center: 'title', 
    right: 'month,agendaWeek,agendaDay' 
}, 
selectable: true, 
selectHelper: true, 
select: function(start, end, allDay) { 
    console.log('create new event'); 
}, 
editable: true, 
droppable: true, 
events: events, 
eventDrop: function(event, delta) { 
    console.log('move exists event'); 
    saveEvent(event); 
}, 
loading: function(bool) {}, 
eventClick: function(calEvent, jsEvent, view) { 
    console.log('edit exists event'); 
} 
}); 

function saveEvent(event){ 
    $.ajax({ 
     url: 'save_event.php', 
     type: 'post', 
     data: {event: event}, 
     dataType: 'json', 
     success: function(response){ 
      console.log('response'); 
     } 
    }); 
} 

當你移動事件fullCalendar.eventDrop()將被調用。 你可以看到plugin docs的所有活動功能