php - 外部イベントをフルカレンダーにドラッグし、json でデータベースに保存する

Question

この例: http://arshaw.com/js/fullcalendar-1.6.3/demos/external-dragging.html

しかし、外部 div データを json を使用してデータベースに保存するにはどうすればよいですか。

Answer 1

フルカレンダーでイベントをlistenドラッグ アンド ドロップして、任意のアクションを実行できます。このようなもの：

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()が呼び出されます。プラグインのドキュメントですべてのイベント関数を確認できます