7
votes

re-dessiner FullCalendar à la volée

Je veux que le FullCalendar ait redessiné (toute la structure et les événements) sans recharger la page.

scénario: J'utilise un patch de FullCalendar qui prend en charge le Vue des ressources . Pour quelques actions utilisateur, je souhaite modifier les ressources. Mais je ne veux pas recharger la page.


3 commentaires

Avez-vous réussi à y parvenir? J'utilise une fourche différente et je ne semble pas pouvoir changer les ressources et recharger la vue lorsque je change une date. Cette version vous permet-il de faire cela?


@Blunch .. j'ai utilisé ganeshk réponse indiquée ci-dessous


D'accord merci. J'ai essayé cette option mais cela ne semble pas fonctionner avec la fourchette que j'utilise ...


4 Réponses :


26
votes

Vous pourriez «détruire» et «rendre» le calendrier dans son ensemble. Mais cela pourrait être lourd - surtout dans les navigateurs plus âgés.

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


3 commentaires

Je cherchais à faire la même chose que l'OP et détruire / recréer le calendrier était la seule façon qui semblait fonctionner.


Étrangement, les Rerendèves ne fonctionnent pas pour moi. Va faire rapport quand je découvre pourquoi ...


Cela semble très ancien, mais en vous donnant un essai, cette solution fonctionne mais dans IE 11 avec FullCalender Version 2.x, l'ensemble de l'écran clignote ou clignote afin que j'ai besoin d'une autre solution pour reporter le calendrier. Jusqu'à présent, essayé de nombreuses options fournies contre cette question également sur d'autres blogs, mais aucune ne fonctionne, quelqu'un peut-il aider ou avoir le même problème?



1
votes

Le problème:

"... Le problème est que le calendrier est initialisé tant que le modal ou la div ne sont pas visibles ..." Basé sur ce lien

solution basée sur ce Référence . < / p>


0 commentaires

2
votes

Utilisez RefetchResources: .Fulcalendar ('RefetchResources')

Ceci va chercher et réaffectera fraîchement les données de ressources, par Documentation FullCalendar .


0 commentaires

0
votes

Vous pouvez également redessiner le calendrier à la volée en utilisant la commande ci-dessous. $ (fenêtre) .trigger ("redimensionnement");


0 commentaires