带有limitEvents的完整日历。重置或刷新视图更多按钮

时间:2012-02-22 12:48:20

标签: jquery fullcalendar

我正在使用FullCalendar和新功能LimitEvents。

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

有没有办法刷新,重置limitEvents()

这个想法是删除所有view-more按钮并使用新的limitEvents事件加载数据。

我想将limitEvents(2);用于refreshCalendar();

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);            
});

1 个答案:

答案 0 :(得分:0)

您可以通过将视图更改为basicDay然后返回到月视图来实现此目的,如下所示:

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

我不相信有更有效的方式