โดย Keyword ที่ได้รับมาคือทำ ajax ให้ส่ง json กลับมา เพื่อแก้ปัญหา textarea ขึ้นบรรทัดใหม่ และ เวลาเปลี่ยนหน้ากิจกรรม จะไม่ต้อง เปลี่ยน URL ครับ
โดยผมขออนุญาตสอบถามว่า ถ้าจะเริ่ม ทำ ajax ให้ส่ง json ดังกล่าวไป ผมต้องเริ่มที่ตรงไหนครับ
โค้ด: เลือกทั้งหมด
<script>
$(document).ready(function () {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay,listMonth'
},
navLinks: true,
defaultDate: '<?php echo$date?>',
minTime: '00:00:00',
maxTime: '24:00:00',
editable: true,
eventLimit: true,
selectable: true,
selectHelper: true,
select: function (start, end) {
$('#ModalAdd #start').val(moment(start).format('YYYY-MM-DD HH:mm:ss'));
$('#ModalAdd #end').val(moment(end).format('YYYY-MM-DD HH:mm:ss'));
$('#ModalAdd').modal('show');
},
eventRender: function (event, element) {
element.bind('dblclick', function () {
$('.translate').attr('href', 'events_details.php?id='+event.id+'&event_type_id='+event.event_type_id+'&lang=<?php echo $lang ;?>');
$('#ModalEdit #id').val(event.id);
$('#ModalEdit #title').val(event.title);
$('#ModalEdit #detail').val(event.detail);
$('#ModalEdit #event_type_id').val(event.event_type_id);
$('#ModalEdit').modal('show');
});
},
eventDrop: function (event, delta, revertFunc) {
edit(event);
},
eventResize: function (event, dayDelta, minuteDelta, revertFunc) {
edit(event);
},
events: [
<?php foreach($events as $event):
$start = explode(" ", $event['start']);
$end = explode(" ", $event['end']);
if($start[1] == '00:00:00'){
$start = $start[0];
}else {
$start = $event['start'];
}
if ($end[1] == '00:00:00') {
$end = $end[0];
} else {
$end = $event['end'];
}
?>
{
id: '<?php echo $event['id']; ?>',
title: '<?php echo $event['title']; ?>',
detail: '<?php echo $event['detail']; ?>',
start: '<?php echo $start; ?>',
end: '<?php echo $end; ?>',
event_type_id: '<?php echo $event['event_type_id']; ?>',
},
<?php endforeach; ?>
]
});
function edit(event) {
start = event.start.format('YYYY-MM-DD HH:mm:ss');
if (event.end) {
end = event.end.format('YYYY-MM-DD HH:mm:ss');
} else {
end = start;
}
id = event.id;
Event = [];
Event[0] = id;
Event[1] = start;
Event[2] = end;
$.ajax({
url: 'editEventDate.php',
type: "POST",
data: { Event: Event },
success: function (rep) {
if (rep == 'OK') {
alert('บันทึก');
} else {
alert('Could not be saved. try again.');
}
}
});
}
});
</script>