Spring MVC とともに JQuery Full Calendar を使用しようとしています。
そんなデモを作りました。
ターゲット: イベントを入力した後、UPDATED カレンダーのデータをコントローラに送信して処理する必要があります。
問題: 初期化したカレンダーをコントローラーに再送信することに成功しました。ただし、イベントを入力した後、更新されたカレンダーのデータをコントローラーに送信して処理することはできません。
フリーマーカー:
<script type="text/javascript">
var calendar;
var calendarData;
function doAjax() {
var test = JSON.stringify(calendarData, censor(calendarData));
var x=$('#calendar').value;
$.ajax(
{
url:"[@spring.url '/vacation/setVacation'/]",
type: "POST",
data :x ,
dataType: "json",
contentType: "application/json"
});
}
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$.getJSON('[@spring.url '/vacation/getVacation'/]', function (data) {
calendar = $('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
selectable: true,
selectHelper: true,
select: function(start, end, allDay) {
var title = prompt('Event Title:');
if (title) {
calendar.fullCalendar('renderEvent',
{
title: title,
start: start,
end: end,
allDay: allDay
},
true // make the event "stick"
);
}
calendar.fullCalendar('unselect');
},
editable: true,
events:data
});
calendarData = data;
});
});
</script>