comment mettre à jour un événement en fullCalendar?

Je veux mettre à jour mon json dans le calendrier complet, Voici ce que je cherche exactement à faire. J’ai une chaîne JSON que j’essaie directement d’alimenter les objects d’événement dans le calendrier complet.

->

var JSON[ { "id": "1", // Optional "title": "Demo event", // Required "start": "2013-08-28 10:20:00", // Required "end": "2013-08-28 11:00:00", // Optional "allDay": false, // Optional "url": "http://google.com", // Optional, will not open because of browser-iframe security issues "className": "test-class", // Optional "editable": true, // Optional "color": "yellow", // Optional "borderColor": "red", // Optional "backgroundColor": "yellow", // Optional "textColor": "green" // Optional }, { "id": "2", // Optional "title": "Demo event 2", // Required "start": "2013-08-27 10:20:00", // Required "end": "2013-08-27 11:00:00", // Optional "allDay": false, // Optional "url": "http://google.com", // Optional, will not open because of browser-iframe security issues "className": "test-class", // Optional "editable": true, // Optional "color": "yellow", // Optional "borderColor": "red", // Optional "backgroundColor": "yellow", // Optional "textColor": "green" // Optional } ]; 

,

Ensuite, je souhaite modifier le code JSON lors d’un événement déroulant (qui ne figure pas dans le violon) en une nouvelle chaîne et essayer d’obtenir le nouvel événement dans le calendrier.

Le calendrier complet ne prend pas effet.

http://jsfiddle.net/pratik24/u8Ksw/28/

Merci pour l’aide. l’apprécie.

Vous n’appelez pas la méthode fullCalendar appropriée pour afficher les nouveaux événements.

Cela ne fonctionnera pas car il est uniquement destiné à rendre les événements la première fois:

  $("#demo-calendar").fullCalendar('renderEvents', JSON); 

Au lieu de cela, vous devez supprimer les événements du calendrier et les actualiser:

  $("#demo-calendar").fullCalendar('removeEvents'); $("#demo-calendar").fullCalendar('addEventSource', JSON); 

Vérifiez le violon: http://jsfiddle.net/shaunp/u8Ksw/29/

REMARQUE : il existe une méthode fullCalendar appelée refetchEvents , mais elle ne fonctionne PAS sur un tableau d’événements tels que celui que vous avez créé. Vous devez donc les supprimer manuellement et rappend à nouveau la source d’événements.