หลังจากที่เปลี่ยนการส่งค่ามาแบบ Ajax ได้แล้ว ตอนนี้ Filter ประเภทกิจกรรมไม่มาครับ
แต่ตัว URL เปลี่ยนไปตาม ประเภทกิจกรรมที่เลือกครับ
Youtube Live :
โค้ด: เลือกทั้งหมด
http://localhost/tools/tool-calendar-events/index.php?event_type_id=1
โค้ด: เลือกทั้งหมด
http://localhost/tools/tool-calendar-events/index.php?event_type_id=4
เบื้องต้นผมไม่แน่ใจว่า มันมีผลกระทบไปตรงส่วนไหน ขออนุญาตรบกวนสอบถามครับ
ขอบคุณครับ
ส่วนของการ Filter
โค้ด: เลือกทั้งหมด
<form align = 'right' action="<?php echo $_SERVER["PHP_SELF"] ?>" method="GET">
<select class="btn-primary" id="event_type_id" name="event_type_id" onchange="this.form.submit()">
<option value="0"><?php echo $lang_select_events ?></option>
<?php
$sql1 = "SELECT event_type_id , event_type_name FROM tools_events_type ";
$req1 = $bdd->prepare($sql1);
$req1->execute();
$events1 = $req1->fetchAll();
foreach($events1 as $row) {
$selected = ($event_type_id == $row['event_type_id']) ? 'selected' : '' ;
?>
<option value="<?php echo $row['event_type_id'];?>" <?php echo $selected ?>><?= $row['event_type_name'];?></option>
<?php } ?>
</select>
</form>
โค้ด: เลือกทั้งหมด
<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: 'ajax_event_type.php'
});
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>