javascript - 来自局部变量的全日历刷新事件

Question

我在我的 POC 项目中使用 FullCalendar。我有两个数据网格(使用 jTable)。我想在那里放一些行，单击“发送请求”，然后创建 JSON。它被发送到我的后端应用程序，然后被处理并返回响应(仍在 JSON 中)。我的 AJAX 成功处理程序接受此响应并将其转换为 JavaScript 对象以便放入日历中。

只要我有过这样的构造:

$.post( {
    // options cut for clean output
    success: function(data, textStatus, jqXHR) {
        var eventsToPut = [];

        $.each(data.taskList, function(k, v)  {
            // OBJECT is created when processing response
            eventsToPut.push (OBJECT );
        });

        $('#calendar').fullCalendar({   
             events: eventsToPut,
             // config of calendar cut
        });           
    }                               
});

它工作正常。正在呈现响应并且事件显示在日历上。问题是当我更改数据网格中的数据并将请求重新发送到后端时。响应有效，但日历未刷新事件。

所以我决定将创建带有 EMPTY 事件的日历提取到 jQuery.ready() 部分，并尝试在事件到来时刷新/更新日历。到目前为止，我已经在我的“成功”处理程序中尝试过:

 $('#calendar').fullCalendar( 'refetchEvents' );  //It should work with feeds but I've tried anyway
 $('#calendar').fullCalendar({ events: eventsToPut});
 $('#calendar').fullCalendar( 'updateEvents', eventsToPut );

但是日历不会刷新数据。谁能帮我用新数据刷新日历？

Answer 1

首先，使用 removeEvents

从日历中删除所有事件

$('#calendar').fullCalendar('removeEvents', function () { return true; });

然后，您可以使用addEventSource 添加新事件

var eventsToPut = []; 

$.each(data.taskList, function(k, v)  {
    // OBJECT is created when processing response
    eventsToPut.push( OBJECT );
});

$('#calendar').fullCalendar('addEventSource', eventsToPut, true);