Question

我知道如何初始化FullCalendar的视图，特别是在我的页面加载时：

$('#calendar').fullCalendar({
        'defaultView': 'multiColAgendaWeek',
        'height': BackendCalendar.getCalendarHeight(),
        'editable': true,
        'firstDay': 1, // Monday
        'slotMinutes': 30,
        'snapMinutes': 15,
        'axisFormat': 'HH:mm',
        'timeFormat': 'HH:mm{ - HH:mm}',
        'allDayText': EALang['all_day'], 
        'columnFormat': 
        {
            'month': 'ddd',
            'week': 'ddd D',
            'day': 'dddd'
        },
        'titleFormat': 
        {
            'month': 'MMMM YYYY',
            'week': "MMM D YYYY",
            'day': 'MMMM D YYYY'
        },
        'header': 
        {
            'left': 'prev,next today',
            'center': 'title',
            'right': 'multiColAgendaDay,multiColAgendaWeek,month'
        },
        'views':
        {
            'multiColAgendaDay':
            {
                'type': 'multiColAgenda',
                'duration': { days: 1},
                'columns': 
                [
                    { id:1, name: 'Op1' },
                    { id:2, name: 'Op2' }
                ]
            },
            'multiColAgendaWeek': 
            {
                'type': 'multiColAgenda',
                'duration': { weeks: 1 },
                'columns': [
                    { id: 1, name: 'Op1' },
                    { id: 2, name: 'Op2' }
                ]
            }
        },

我正在使用此扩展程序：source添加资源支持。无论如何，我要做的是通过代码更改columns参数内容。 columns属性位于两个可用视图multiColAgendaDay和multiColAgendaWeek内。我有一个方法，用所有可用的约会填充日历，此方法不会重新加载页面'因为使用ajax请求。一切正常，但我想在这个方法中添加可用列的重绘，特别是在重绘日历视图顶部的population方法中：

$('#calendar').fullCalendar({
            views: 
            {
                'multiColAgendaDay': 
                {
                    'type': 'multiColAgenda',
                    'duration': { days: 1 },
                    'columns': 
                    [
                        { id: 1, name: 'First Column' },
                        { id: 2, name: 'Second Column' }
                    ]
                }
            },
            'multiColAgendaWeek': 
            {
                'type': 'multiColAgenda',
                'duration': { weeks: 1 },
                'columns': 
                [
                    { id: 1, name: 'First Column' },
                    { id: 2, name: 'Second Column' }
                ]
            }
        });

问题是没有重绘日历，在执行此代码后结果如下：

https://github.com/mherrmann/fullcalendar-columns/issues/1

我不知道我做错了什么，也许日历无法在没有页面重新加载的情况下重绘视图？我怎么解决这个问题？

Answer 1

在某些情况下，渲染不起作用。我有这样的问题所以我为此做了一个单独的方法。在我的情况下，我已经在每次刷新时传递了Json数组，所以，我首先调用方法来获取数组，然后添加这一行：

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

然后创建日历实例并将Json数组传递给事件。

如何重绘FullCalendar视图？

1 个答案: