FullCalendar.js中消失的事件

时间:2013-10-22 04:54:15

标签: javascript jquery fullcalendar

我有一个通过fullcalendar.js制作的日历 它有外部日历事件,您可以通过拖放添加到它。

我的问题是,当我向后移动一个月然后回到我刚看的月份时,事件就会消失。

以下是日历初始化代码:

            $('#calendar').fullCalendar({       
                editable: true,                  
                header: {
                    left: 'prev,next today',      
                    center: 'title',              
                    right: 'month,agendaWeek'     
                },                               
                events: //some events
                ignoreTimezone: false,                              
                eventDrop: function(event,dayDelta,minuteDelta,allDay,revertFunc){
                    //do stuff                        
                },                                
                eventResize: function(event,dayDelta,minuteDelta,revertFunc,jsEvent,ui, view) {
                    //do stuff
                },
                droppable: true,
                drop: function(date, allDay, jsEvent, ui) {
                    var $this = $(this);
                    var dropped = $this.data('eventobject');
                    var dropped2 = $.extend({} , dropped);
                    dropped2.title = $this.html();
                    dropped2.start = date;
                    dropped2.allDay = (dropped.allDay || allDay);
                    $parent.text(renderDate(date, "MDY", "/"));

                    $('#calendar').fullCalendar('renderEvent', dropped2, true);
                    iosocket.emit("calendar", {calEvent: finitise(dropped2)});
                    $this.remove();
                }
            });

您会注意到我在renderEvent部分中将“sticky”设置为true。当这是“假”时,只有新事件在更改月份时才会消失 - 这是预期的行为。

然而,当粘性设置为“true”时,所有事件都会消失,无论它们是否处于初始状态。 我收到一个控制台错误,说“events [i]为null”,这似乎告诉我日历事件正在超出范围,但我不知道如何。

似乎只在几个月之间滚动时才会出现;滚动数周后,一切似乎都正常,直到你达到一个月的边缘 - 然后再次遇到错误

1 个答案:

答案 0 :(得分:0)

修正: 问题是渲染后删除了lost2事件。

finitise方法删除循环引用(例如A有子B,B有子C,C有子A)。

我没有意识到(虽然我应该有,因为是finitise方法背后的动机)是render事件创建了fullCalendar所需的循环引用。

正如我在渲染后调用finitise时,事件的结构对于在日历中更改月份时自动发生的后续渲染无效。

在renderEvent调用解决此问题之前调用finitise,因为renderEvent将循环引用添加到finitised对象(并且不会导致socketio问题,因为finitise对象已经通过iosocket发送)。