Hinzufügen/Löschen von Ereignissen

Hinzufügen von Ereignissen

Es gibt drei Möglichkeiten, ein Ereignis zum Scheduler hinzuzufügen:

addEvent – erstellt ein neues Ereignis und löst entweder das onEventAdded oder das onEventChanged Ereignis aus;
addEventNow – erstellt ein neues Ereignis und öffnet das Lightbox zur Bestätigung. Diese Methode löst keine Ereignisse aus;
setEvent – fügt ein neues Ereignis direkt zum Datenpool des Schedulers hinzu, ohne Ereignisse auszulösen.

Die empfohlene Methode ist die Verwendung von addEvent:

var eventId = scheduler.addEvent({
    start_date: "16-06-2019 09:00",
    end_date:   "16-06-2019 12:00",
    text:   "Meeting",
    holder: "John",  // Benutzerdaten
    room:   "5"      // Benutzerdaten
});

Aktualisieren von Ereignissen

Es gibt zwei Szenarien für das Aktualisieren von Ereignissen im Scheduler:

Wenn Sie das Ereignis einfach neu rendern möchten, ohne Änderungen an den Server zu senden, verwenden Sie updateEvent.
Wenn Sie Änderungen anwenden und auf dem Server speichern möchten, ist es besser, die addEvent Methode zu verwenden.

var eventId = scheduler.addEvent({
    start_date: "16-06-2019 09:00",
    end_date:   "16-06-2019 12:00",
    text:   "Meeting"
});
 
var event = scheduler.getEvent(eventId);
event.text = "Conference"; // Ereignisdaten aktualisieren
 
scheduler.updateEvent(event.id); // Neu rendern, ohne an den Server zu senden
//oder
scheduler.addEvent(event.id); // Neu rendern und Update an den Server senden

Löschen von Ereignissen

Um ein Ereignis aus dem Scheduler zu entfernen, verwenden Sie die Methode deleteEvent:

scheduler.parse([
   {id:1, start_date:"06/30/2009 09:00", end_date:"06/30/2009 12:00", text:"Task1"},
   {id:2, start_date:"06/30/2009 12:00", end_date:"06/30/2009 20:00", text:"Task2"}
],"json");
...
scheduler.deleteEvent(2);

Wenn dataProcessor initialisiert ist, werden hinzugefügte oder gelöschte Ereignisse im Scheduler automatisch in der Datenquelle aktualisiert. Weitere Informationen finden Sie im Leitfaden Serverseitige Integration.

Related sample: Fully custom lightbox

Nach oben