2013-02-28 508 views
4

我一直在尋找FullCalendar文檔。FullCalendar事件添加和更新示例

從我收集的信息中,日曆通過使用開始和結束參數訪問其url並期待json返回來從源頭獲取數據。沒關係,這些例子表明這一點。

但是,不清楚更新是如何工作的。

舉個例子,事件下降http://arshaw.com/fullcalendar/docs/event_ui/eventDrop/

我應該如何處理這個在更新我的DB的條款。我應該做一個阿賈克斯呼籲Update.aspx?id=event.id....

這是我應該如何做我的更新?

另外,我想知道回覆函數。有兩個我想要的原因: 如果我的ajax調用失敗,如果我的ajax調用返回db更新失敗。我怎樣才能通過還原

FUNC一起說

: success(data) { 
} 

將是巨大的是什麼,如果任何人有每個需要的事件Ajax調用的例子。服務器端的東西我沒有麻煩,我只是不清楚什麼是適當的更新,根據哪些Ajax調用我應該對我的網站。

感謝

+1

你將不得不打電話給你的AJAX方法來更新數據庫。在失敗時,您可以調用方法「refresh」或「refreshEvents」(在文檔中)來刷新當前視圖的事件,並將其重置爲之前的狀態,作爲解決方法。這就是我所能提供的,這就是爲什麼我將它添加爲評論。 – 2013-02-28 02:04:32

+1

這有一個更新的完整示例:http://www.whatibroke.com/?p=581 – PhoebeB 2014-03-19 16:07:02

回答

1

你可以叫你的Ajax調用用於更新一些事件之後,只是刷新日曆:

eventDrop: function(event,dayDelta,minuteDelta,allDay,revertFunc) { 
    var id = event.id.toString(); 
    var start = (event.start.getTime()/1000).toString(); 
    var end = (event.end.getTime()/1000).toString(); 
    url = '/some/function/for/update/'+id+'/'+start+'/'+end+'/'; 
    $.ajax({ 
     url: url, 
     success: function(){ 
      $('#id_of_calendar').fullCalendar('refetchEvents'); 
      #generate some message here 
     }, 
     error: function(){ 
      $('#id_of_calendar').fullCalendar('refetchEvents'); 
      #generate some message here 
     } 
    }); 
},