當我添加新事件或更新事件或更改事件或拖動新時間或新用戶時，每次頁面刷新時。但如何解決此問題而不重新加載頁面并顯示更新的事件時間或刪除事件。我正在使用日歷版本 5 作為 fullcalendar。<script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { now: '<?php echo $CurrentDate; ?>', editable: true, aspectRatio: 1.8, scrollTime: '00:00', timeFormat: 'H(:mm)', headerToolbar: { left: 'today prev,next', center: 'title', right: 'resourceTimelineDay,timeGridWeek,dayGridMonth' }, resources: <?php eventGroups(); ?>, events: function(info, successCallback, failureCallback) { successCallback(<?php eventGroupsDetails($fromDate,$toDate); ?>) }, dateClick: function(info) { $('#addScheduleEntry').modal('show'); $(document).on('click', '.modal_default_ok', function() { $.ajax({ url: "calendar_event_create.php", type: "POST", data: $("#frmEvent").serialize(), dataType: 'json', success: function(response){ if(response.result == 'success'){ // how to get updated event and display in calender without page refresh } } }); }); }, eventClick: function(info, jsEvent, view) { $.ajax({ url: "calendar_event_update.php", type: "POST", data: $("#frmEventUpdate").serialize(), dataType: 'json', success: function(response){ // how to get updated event and display in calender without page refresh } }); },
1 回答
飲歌長嘯
TA貢獻1951條經(jīng)驗 獲得超3個贊
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
now: '<?php echo $CurrentDate; ?>',
editable: true,
aspectRatio: 1.8,
headerToolbar: {
left: 'today prev,next',
center: 'title',
right: 'resourceTimelineDay,timeGridWeek,dayGridMonth'
},
views: {
timeGridWeek: {
type: 'timeGrid',
duration: { weeks: <?php if($searchWeek=="") { echo 1; } else{echo $searchWeek;} ?> }
}
},
resources: <?php eventGroups(); ?>,
events: function(fetchInfo, successCallback, failureCallback) {
var fromDate = "<?php echo $fromDate; ?>";
var toDate = "<?php echo $toDate; ?>";
$.ajax({
url: "ajaxRefresh.php",
type: "POST",
dataType: "json",
success: function(response){
var events = [];
$.each(response, function (i, item) {
events.push({
id: response[i].id,
start: response[i].start,
end: response[i].end,
title: response[i].title,
});
});
successCallback(events);
}
});
},
dateClick: function(info) {
$('#addScheduleEntry').modal('show');
$.ajax({
url: "calendar_event_create.php",
type: "POST",
data: $("#frmEvent").serialize(),
dataType: 'json',
async : false,
success: function(response){
if(response.result == 'success'){
calendar.refetchEvents();
}
}
});
},
eventClick: function(info, jsEvent, view) {
var text = JSON.stringify(info, function (key, value) {
var eventId = info.event._def.publicId;
$("#eventDetail").modal("show");
$(document).on('click', '.removeEvent', function() {
var eventId = $("#event_id").val();
var yes = confirm("Are you sure ?");
if(yes == true){
$("#process_loader").fadeIn();
$.ajax({
url: "calendar_event_remove.php",
type: "POST",
data: {eventId:eventId},
dataType: 'json',
async : false,
success: function(response){
if(response.msg == "true"){
calendar.refetchEvents();
}
}
});
}
});
},
editable: true,
eventDrop: function(info, delta, revertFunc, ui) {
$.ajax({
url: "save_drop_event_detail.php",
type: "POST",
data: {EventId:EventId,oldUserId:oldUserId,newUserId:newUserId,newEventStartTime:newEventStartTime,newEventEndTime:newEventEndTime},
dataType: 'json',
async : false,
success: function(response){
if(response.msg == 'success'){
calendar.refetchEvents();
}
}
});
},
eventConstraint: {
slotMinTime: '10:00' ,
slotMaxTime: '11:00'
}
});
calendar.render();
});
</script>
我們使用了這個函數(shù)“ calendar.refetchEvents(); ”，并為您的事件使用了 AJAX 數(shù)據(jù)源，而不是靜態(tài)數(shù)據(jù)源。
- 1 回答
- 0 關注
- 167 瀏覽
添加回答
舉報
0/150
提交
取消