Как удалить это событие из FullCalendar?

Question

Календарь позволяет пользователю перетаскивать временной интервал в календарь, однако я бы хотел, чтобы они могли его удалить, если они нажмут на него.

Таким образом, в eventClick У меня есть эта функция:

function (calEvent) { 
    removeRequestedEvent($(this), calEvent); 
}, 

Он просто проходит в календаре события, а сам календарь.

removeRequestedBooking: function (cal, calEvent) { 
    if (!confirm("Delete?")) 
     return; 

    cal.fullCalendar("removeEvents", calEvent.id); 
    cal.fullCalendar("rerenderEvents"); 

    // Re-show draggable element 
    $("#requests #" + calEvent.id).show(); 
} 

Я также пробовал использовать фильтр, но точка останова на операторе return никогда не попадала.

cal.fullCalendar("removeEvents", function (event) { 
     return event.id == calEvent.Id; 
    }); 

Любые идеи? (Я знаю, что Id прав, и работает последняя строка). Firebug не показывает ошибок в javascript.

Я использую FullCalendar v1.4.10

Answer 1

Вместо использования проходили в кале, вы можете попробовать использовать вызов в DIV, который держит свой календарь?

В случае с eventClick, this относится к HTML для события в соответствии с тем, что я читаю в документах.

Answer 2

Использование refetchEvents:

cal.fullCalendar("refetchEvents"); 

Answer 3

Я использую функцию фильтра с event.start и работает хорошо

calendar.fullCalendar('removeEvents', function(event) { 
    return 
    $.fullCalendar.formatDate(event.start, 'yyyyMMdd') 
    == $.fullCalendar.formatDate(start, 'yyyyMMdd'); 
}); 

Answer 4

ответ Justkt взяла мне вторую, чтобы обернуть вокруг моей головы, но я выложу мои результаты для любых других нубов, которым необходимо увидеть код в очень простой форме:

eventClick: function(event){ 
    var event_id = event.id; 
    $.post('/Dropbox/finance/index.php/welcome/update', {"event_id": event_id}, 
     function(data){ 
      $('#calendar').fullCalendar("removeEvents", (data)); 
      $('#calendar').fullCalendar("rerenderEvents");     
     } 
     }); 
} 

PHP (используя codeignighter):

public function update(){ 
    $result = $this->input->post('event_id'); 
    echo $result; 
    // would send result to the model for removal from DB, or whatever 
} 

Answer 5

Если у вас есть все ваши идентификаторы, используйте решение Tuan.

Но когда вы не имеете идентификаторы в вашем случае это сделать, как это (эту работу также, когда у вас есть набор идентификаторов):

eventClick: function(event){ 
    $('#myCalendar').fullCalendar('removeEvents',event._id); 
} 

Почему эта проблема появляется? Общей причиной этого является то, что fullcalendar не добавляет идентификатор автоматически при добавлении нового события. Если это так, идентификатор, который вы прошли, не определен. Fullcalendar использует id в обоих случаях, когда вы пытаетесь удалить с помощью id или filter. Поэтому, когда значение не определено, оно всегда возвращает false. Значение списка удаляемых элементов всегда пусто.

Answer 6

Еще проще:

eventClick: function(calEvent, jsEvent, view) { 
    $('#calendar').fullCalendar('removeEvents', function (event) { 
     return event == calEvent; 
    }); 
}