re-draw fullCalendar on-the-fly

Möchte ich den fullCalendar, selbst aktualisieren (alle Strukturen und Ereignissen), ohne die Seite neu zu laden.

Szenario:
Ich bin mit einem patch von fullCalendar, unterstützt die Ressourcen-Ansicht. Für einige Benutzer-Aktionen, die ich ändern möchten die Ressourcen. Aber ich will nicht die Seite neu laden.

  • haben Sie es geschafft, dies zu erreichen? Ich bin mit einer anderen Gabel und ich bin anscheinend nicht in der Lage sein, ändern Sie die Ressourcen und laden Sie die Ansicht, wenn ich ein Datum. Funktioniert diese version, die Ihnen erlauben, dies zu tun?
  • Ich verwendet ganeshk Antwort unten gegeben
  • Ok Danke. Ich habe versucht, die option, aber es scheint nicht zu funktionieren mit der Gabel, ich bin mit...
InformationsquelleAutor Adil Malik | 2012-04-25
  1. 20

    Könnten Sie 'zerstören' und 'render' den Kalender als ganzes. Aber das könnte mühsam sein - vor allem in älteren Browsern.

    $('#calendar').fullCalendar('destroy');
$('#calendar').fullCalendar('render');

    Wenn Sie nicht wirklich brauchen, um die Tabelle Rendern, aber nur rerender die Ereignisse wieder, man könne die 'rerenderEvents' Methode:

    $('#calendar').fullCalendar('rerenderEvents');

    Hoffentlich hilft!

    • Ich war auf der Suche um das gleiche zu tun, wie der OP und Zerstörung/Wiederherstellung der Kalender war der einzige Weg, der zu funktionieren schien.
    • Diese Werke sollten als solche gekennzeichnet werden Antwort.
    • Seltsam, die rerenderEvents ist nicht für mich arbeiten. Werde berichten, wenn ich herauszufinden, warum...
    • Scheint sehr alt der post, aber, es zu versuchen, diese Lösung funktioniert aber im IE 11 mit fullcalender version 2.x , wird der gesamte Bildschirm flackert oder blinkt, also ich bin in der Notwendigkeit einer anderen Lösung für den neu-Rendern des Kalenders. Bis jetzt habe versucht, viele Optionen, die gegen diese Frage, wie auch auf anderen blogs, aber keiner funktioniert, kann jemand helfen oder hat das gleiche problem ?
    InformationsquelleAutor ganeshk
  2. 2

    Verwenden refetchResources: .fullCalendar( 'refetchResources' )

    Diese zu Holen und frisch re-Rendern Sie die Daten der Ressourcen, die pro FullCalendar-Dokumentation.

    InformationsquelleAutor Rasti
  3. 1

    Das problem:

    "...Das problem ist, dass der Kalender initialisiert wird, während der modal-oder div-Element nicht sichtbar ist... " basiert auf diesen link geben Sie den link-Beschreibung hier

    Meiner Meinung nach, zu zerstören, wird in diesem Fall nicht benötigt, nur mit Rendern, sehen Sie den Kalender.

    Meine Lösung:

    <script type="text/javascript">
    $('#objectname').show(0,onObjectShow);
    function onObjectShow(){$('#calendar').fullCalendar('render');}
</script>

    Müssen Sie sicher sein, dass das Objekt(container mit Kalender) wird voll sichtbar. Zum Beispiel, mein Erster Fehler war diesen code auf "onClick" - Ereignis, und klicken Sie auf Ereignis ausgelöst, bevor das Objekt anzuzeigen container und hat keine Auswirkungen.

    Lösung Basierend auf dieser Referenz.

    InformationsquelleAutor Ferrys
  4. 0

    Können Sie auch redraw-Kalender auf das Fliegen mit nachstehenden Befehl-
    $(window).trigger("resize");

    InformationsquelleAutor deeksha gupta
Schreibe einen Kommentar