FullCalendar 事件添加和更新示例答案

【问题标题】：Examples of FullCalendar event adding and updatingFullCalendar 事件添加和更新示例
【发布时间】：2013-02-28 01:59:17
【问题描述】：

我一直在查看 FullCalendar 文档。

根据我收集到的信息，日历通过使用 start 和 end 参数转到其 url 并期望 json 作为回报来从源获取数据。没关系，例子说明了。

不过，更新的工作原理还不是很清楚。

以事件丢弃http://arshaw.com/fullcalendar/docs/event_ui/eventDrop/为例

在更新我的数据库方面我应该如何处理这个问题。我应该对Update.aspx?id=event.id....进行ajax调用吗？

我应该这样更新吗？

另外，我想知道恢复功能。我想要这个有两个原因：如果我的 ajax 调用失败，如果我的 ajax 调用返回 db update failed。我怎样才能通过revert

跟着说

: success(data) {
}

如果有人在每个必需的事件中都有一个带有 ajax 调用的示例，那就太好了。服务器端的东西我没有问题，我只是不清楚我应该对我的网站进行哪些 ajax 调用来更新什么是合适的。

谢谢

【问题讨论】：

您必须调用 AJAX 方法来更新数据库。失败时，您可以调用方法“refresh”或“refreshEvents”（在文档中）来刷新当前视图的事件，并将其重置为之前的状态，作为一种解决方法。这就是我所能提供的，这就是我将其添加为评论的原因。
这里有一个完整的更新示例：whatibroke.com/?p=581

标签： c# jquery asp.net ajax fullcalendar

【解决方案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
        }
    });
},

【讨论】：