我在HTML页面上加载了一个完整的日历日历,其中包含一些可拖动的事件。我可以将它们拖动并放置在我的日历上,但是由于带有以下代码的"保存按钮",我正在尝试检索那些定位为保存在数据库中的事件:
function saveEvents(){
obj = $('#calendar').fullCalendar('getEventSources');
console.log("Events: "+JSON.decycle(obj));
$.ajax({
type: 'get',
url: 'setCalendarServlet',
dataType: 'JSON',
data: {
loadProds: 1,
json: JSON.stringify(JSON.decycle(obj))
},
success: function(data) {
},
error: function(data) {
}
});
使用HTML代码:
<body>
<div id='wrap'>
<div id='external-events'>
<h4>Evenements</h4>
<div class='fc-event'>event 1</div>
<div class='fc-event'>event 2</div>
</div>
<a class="btn btn-default" href="javascript:saveEvents();">save</a>
<div id='calendar'></div>
<div style='clear:both'></div>
</div>
但是当我检索$('#calendar').fullCalendar('getEventSources');
时,我没有得到我新拖拽的事件......
我尝试使用以下方法刷新我的事件:
$('#calendar').fullCalendar( 'rerenderEvents' );
或 $('#calendar').fullCalendar( 'refetchEvents' );
但我有相同的结果...
如何在我的对象中获取它们?
我终于找到了解决方案....
只需使用以下行检索事件:
obj = $('#calendar').fullCalendar('clientEvents');
而不是getEventSources
.希望它能有所帮助...