提交后的FullCalendar更新事件

时间:2017-08-04 17:22:31

标签: javascript jquery ajax fullcalendar

当我编辑某个活动时,它会被添加到日历中,但不会修改,除非我刷新页面。

我可以看到我们必须使用:('refetch events')但似乎它对我不起作用。

我使用相同的模态表单进行添加和编辑。我是否正确使用'refetch events'?这是我的代码:

$('#event_form_save').on('click', function(e) {
  e.preventDefault();
  if ($('#event_form_eventId').val() === '') {
    var formURL = "{{ path('Event_Add') }}";
  } else {
    var formURL = "{{ path('Event_Edit') }}";
  }
  console.log(formURL);
  var formdata = {
    calendarId: ($('#event_form_calendarId').val()),
    eventId: ($('#event_form_eventId').val()),
    title: ($('#event_form_title').val()),
    startDate: ($('#event_form_startDate').val()),
    endDate: ($('#event_form_endDate').val()),
    color: ($('#event_form_color').val()),
  };
  $.ajax({
    url: formURL,
    type: 'POST',
    data: JSON.stringify(formdata),
    dataType: 'json',
    contentType: 'application/json',
    cache: false,
    processData: true,
    success: function(data, textStatus, jqXHR) {
      $('#calendar').fullCalendar('refetchEvents');
      doSubmit(data.eventId);
      console.log(data.succeed);
      if (data.succeed == true) {
        alert('true')
      } else {
        alert('false')
      };
      console.log(data);
    },
    error: function(jqXHR, textStatus, errorThrown) {}
  });
});

1 个答案:

答案 0 :(得分:0)

$('#calendar').fullCalendar({

eventResize: function (event, delta, revert) {

                alert(event.title + " to now " + event.end.format());

                if (!confirm("is it okay?")) {
                    revert();
                }

            },
});