javascript - JQuery FullCalendar 麻烦从 ajax 成功调用 rerenderEvents

Question

出于某种原因，我无法让日历在 POST 后重新呈现。到目前为止一切顺利:

$('#calendar').fullCalendar({
    ...
    select: function (startDate, endDate) {
        $.ajax({
            url: 'data.php',
            type: "POST",
            data: {
                'start':startDate,
                'end':endDate,
                }
            success: $('#calendar').fullCalendar('rerenderEvents')
            }
     ...
    });

数据发布成功，我的 php 脚本将新事件添加到数据库中就好了。唯一的问题是日历没有使用数据库中的新数据重新呈现。

如果我刷新页面(Firefox 中的 F5)，则会呈现新事件。显然，我需要事件在提交到数据库后立即显示出来。我不能指望我的用户刷新页面。

我对这个成功声明做了很多排列，例如:

function () {
    $('#calendar').fullCalendar('rerenderEvents');
}

和(我的 php 返回“成功”)，

function (data) {
    if (data === 'success') $('#calendar').fullCalendar('renderEvents');
}

但是，无论如何，添加到数据库的新事件只会在我刷新屏幕时显示。谁能建议我可能做错了什么？

Answer 1

尝试:

$('#calendar').fullCalendar("refetchEvents");

---

更新 2013-01-31。

这是可行的，因为您强制 FC 重新读取事件源并再次呈现日历。

但是，如果这有时是一种蛮力解决方案，那么(如果可能的话)实现相同目的的另一种方法是这样做，例如在 dayClick 创建新事件时:

• 使用 $.ajax 更新事件数据库
• 创建相应的新事件:yourcal.fullCalendar('renderEvent', {id:x,start:timest,end:timed,title:txt}, true);