带limitEvents的完整日历.重置或刷新查看更多按钮

Question

我正在使用带有新功能LimitEvents的FullCalendar。

当我用domready加载日历时，它运行良好。然而，我有一个功能来更新资源并在日历中显示新数据。查看更多按钮不会更新，所以我得到了多个按钮。

有没有办法刷新、重置limitEvents()？

其想法是删除所有查看更多按钮，并使用新的limitEvents事件加载数据。

我想在refreshCalendar(); 中使用limitEvents(2);

function refreshCalendar(){
    $("#calendar").fullCalendar("removeEvents");
    $("#calendar").fullCalendar("removeEventSource","./x1.xsp");
    $("#calendar").fullCalendar("removeEventSource","./x2.xsp");
    var start_source1 = {
        type:'POST',
        url: './x1.xsp'
    };
    var start_source2 = {
        type:'POST',
        url: './x2.xsp'
    };
    $('#calendar').fullCalendar('addEventSource', start_source1);
    $('#calendar').fullCalendar('addEventSource', start_source2);
}
$(document).ready(function(){
    $("#calendar").fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,basicWeek,basicDay'
        },
        eventSources: [
            {
                url: './x1.xsp' // use the `url` property
            },
            {
                url: './x2.xsp' // use the `url` property
            },
        ],
    }).limitEvents(2);            
});

Answer 1

您可以通过将视图更改为basicDay，然后返回到month视图来实现这一点，如下所示：

$('#calendar').fullCalendar('changeView', 'basicDay');
$('#calendar').fullCalendar('changeView', 'month');

我认为没有比更有效的方法了