调用 refetchEvents 后尝试获取 clientEvents 不会返回任何 clientEvents

Question

我有这样的场景：

日历最初加载并显示一堆基于多个事件源的事件。我还有一些下拉框，可以让用户根据某些条件过滤日历。但为了确保我始终处理从事件源加载的初始事件集，我在开始过滤之前调用 .fullCalendar('refetchEvents') 调用。我通过获取客户端事件 (.fullCalendar('clientEvents')) 来做到这一点。但我遇到的问题是，当我执行刷新事件后获取客户端事件时，我得到 0 个客户端事件，即使我当时可以在日历上看到一堆事件。我错过了什么吗？请指教。

代码片段：

$('#calendar').fullCalendar('refetchEvents'); //commenting this out, gives me the clientEvents
var calEvents = $('#calendar').fullCalendar('clientEvents');
alert(calEvents.length + " and " + $.isArray(calEvents)); //get nothing here after refetchEvents
if (ui.checked) {
    $.ajax({
    type: "GET",
    async: true,
    url: "/Case/CalendarFilterCriteria",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    data: { filterOptions: data, caseId: cavo.currentCaseId },
    success: function (response) {
        //alert($.isArray(response.eventIds));
        $.each(calEvents, function (index, value) {
        //alert(index + " and " + value.id);
            $('#calendar').fullCalendar('removeEvents', function (value) {
            var found = 0;
            $.each(response.eventIds, function (index, val) {
                console.log("value " + value.id + " val " + val.id);
                if (value.id === val.id) {
                    console.log("match found");
                    found = 1;
                    return false; //to break the inner .each loop
                }
            })
            console.log("remove " + !found);
            return !found; //if true, the event will be deleted from the calendar
        })
    });
}                        

Answer 1

您的问题是 refetchEvents 正在异步进行 ajax 调用。这意味着当您调用 $('#calendar').fullCalendar('clientEvents') 时，不一定会检索到数据。