Fullcalendar 完整日历事件呈现仅在特定的一周内发生
我正在使用fullcalendar插件显示一周的数据。问题是事件仅在我选择的第一周渲染。稍后,当我更改周时,将创建事件,但不会渲染。当我再次更改为我选择的第一周时,事件创建和渲染都会发生。我正在使用$(“#calendar”).fullCalendar('gotoDate',WeekStartDate)转到所需的一周Fullcalendar 完整日历事件呈现仅在特定的一周内发生,fullcalendar,Fullcalendar,我正在使用fullcalendar插件显示一周的数据。问题是事件仅在我选择的第一周渲染。稍后,当我更改周时,将创建事件,但不会渲染。当我再次更改为我选择的第一周时,事件创建和渲染都会发生。我正在使用$(“#calendar”).fullCalendar('gotoDate',WeekStartDate)转到所需的一周 $.ajax({ type: "POST", contentType: "application/json", data:
$.ajax({
type: "POST",
contentType: "application/json",
data: '{}',
url: 'DataService.svc/CMStrandSelection',
dataType: "json",
async: false,
success: function (data) {
$('#calendar').fullCalendar({
header: {
left: '',
center: '',
right: '',
height: 300
},
defaultView: 'basicWeek',
editable: true,
columnFormat: 'DD dddd',
events:
$.map(data.d, function (item, i) {
debugger;
var event = new Object();
event.id = item.eventId;
event.start = item.Start;
event.end = item.Endd;
event.title = item.Title
event.color = 'White';
event.allDay = true; //
return event;
}),
eventRender: function (event, element) {
//some code
});
}
});
$('#calendar').fullCalendar('option', 'height', 400);
}
});
使用$('#calendar')解决。fullCalendar('destroy');线路成功后:功能(数据){。希望有更好的方法来做到这一点。技术上是这样的:但它对我也不起作用,所以我也使用了destroy。它足够快,所以视觉效果很好。不过这是一个flash,当它有旧数据时,需要一段时间来加载新数据。我所做的是在我的SQL中(在你的例子中是在CMStrandSelection中)())来回一个月(在你的情况下,每次一周),这样当你点击按钮时,它已经有数据了,而且根本不会闪烁…希望我说得通。实际上我一次加载一周的数据,但不会闪烁。使用$(“#calendar”)解决。fullCalendar('destroy');行成功后:function(data){。希望有更好的方法来做到这一点。技术上是这样的:但它对我也不起作用,所以我也使用了destroy。它足够快,所以视觉效果很好。不过这是一个flash,当它有旧数据时,需要一段时间来加载新数据。我所做的是在我的SQL中(在你的例子中是在CMStrandSelection中)())来回一个月(在你的情况下,每次一周),所以当你点击按钮时,它已经有数据了,而且它根本不会闪烁…希望我说得通。实际上,我一次加载一周的数据,但它不会闪烁。