Entfernen bestimmter Ereignisse mit removeEvents-Methode

Question

Ich habe gerade angefangen, dieses Plugin zu verwenden, und ich habe Probleme beim Entfernen von Ereignissen, die ich gerade erstellt habe. Ich kann alle Ereignisse löschen, wenn ich eventClick verwende, aber keine Ereignisse bei eventClick.

Jede Hilfe wäre willkommen. Hier ist mein Code.

<script type='text/javascript'> 

$(document).ready(function() { 

    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    var calendar = $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     selectable: true, 
     selectHelper: true, 
     select: function(start, end, allDay) { 
      var title = prompt('Trade Show Name:'); 
      if (title) { 
       calendar.fullCalendar('renderEvent', 
        { 
         title: title, 
         start: start, 
         end: end, 
         allDay: allDay, 
         id: 12 
        }, 
        true // make the event "stick" 
       ); 
      $('input[name="startDate"]').val(start); 
      } 
      calendar.fullCalendar('unselect'); 
     }, 
     eventClick: function(calEvent, jsEvent, view) { 
      $('#calendar').fullCalendar('removeEvents', function (calEvent) { 
       return true; 
      });, 
     editable: true 
    }); 

}); 

Answer 1

Sie können dies auf 2 Arten tun:

1) Stellen Sie eine eindeutige ID für jede Ihrer Veranstaltungen und diese IDs an den removeEvents Aufruf übergeben.

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

Hier _id ist die eindeutige ID fullCalendar generiert.

2) Übergeben Sie eine Filterfunktion, um das gewünschte Ereignis zu löschen.

In Anbetracht, dass Sie versuchen, dies in eventClick zu tun, würde ich vorschlagen, dass Sie die zweite verwenden. Ein Beispiel für Ihren Fall ist wie folgt:

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

zu removeEvents geben Hier die Filterfunktion übernimmt den Fall, dass Sie und true zurück löschen möchten. Da Sie dies in eventClick tun, alles, was Sie tun müssen, ist calEvent übergeben.

Hoffe, das hilft!