3

我在我的 POC 项目中使用 FullCalendar。我拥有的是两个数据网格（使用 jTable）。我想在那里放一些行，单击“发送请求”，然后创建 JSON。它被发送到我的后端应用程序，然后被处理并返回响应（仍然是 JSON）。我的 AJAX-success-handler 获取此响应并将其转换为 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 );

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

4

1 回答 1

2

首先，使用删除日历中的所有事件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);
于 2017-10-12T14:51:38.510 回答