我有一个通过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”,这似乎告诉我日历事件正在超出范围,但我不知道如何。
似乎只在几个月之间滚动时才会出现;滚动数周后,一切似乎都正常,直到你达到一个月的边缘 - 然后再次遇到错误
答案 0 :(得分:0)
修正: 问题是渲染后删除了lost2事件。
finitise方法删除循环引用(例如A有子B,B有子C,C有子A)。
我没有意识到(虽然我应该有,因为是finitise方法背后的动机)是render事件创建了fullCalendar所需的循环引用。
正如我在渲染后调用finitise时,事件的结构对于在日历中更改月份时自动发生的后续渲染无效。
在renderEvent调用解决此问题之前调用finitise,因为renderEvent将循环引用添加到finitised对象(并且不会导致socketio问题,因为finitise对象已经通过iosocket发送)。