Discussion :

[tidus_6_9_2]

Bonjour à tous,

J'ai un petit soucis que je n'arrive pas du tout à régler...

Je vous explique, je créé dynamiquement des calendrier grâce à la librairie FullCalendar. Donc j'ai créé une class qui s'appelle "MonCalendrier", par exemple.

Les X calendriers s'ouvrent dans une popup modal. Lorsque je ferme ce dialogue, je voudrais pouvoir détruire l'instance actuelle des X calendriers qui se trouvent dans ma popup (normal, s'il y en a 50 de calendriers, l'utilisateur peut plus rien faire ).

J'ai donc fait ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
//Ce close c'est donc le callback du popup jquery qui sera invoqué une fois le dialogue fermé.
 
close:
    function(){
          $('.fullcalendarCalendrier').each(
               function(){
                     $(this).fullCalendar('destroy');
                     $(this).fullCalendar = null;
               }
          );
          $(this).dialog('destroy');
    }

Donc comme vous pouvez le voir, j'ai donc sélectionné les objets par class, et pour chaque objet j'aimerais pouvoir le détruire. Je vous ais donc mis les deux lignes que j'ai testés. Mais aucune des deux ne fonctionne.

Merci pour vos idées et aide

Cordialement

Tidus

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
close:
    function(){
          $('.fullcalendarCalendrier').each(
               function(){
                     $(this).remove()
                                }
          );
          $(this).dialog('destroy');
    }

?

[tidus_6_9_2]

Ba disons que si je fais ça, ça me supprime uniquement la DIV, et non l'instance de l'objet. Cette dernière restes toujours en mémoire.

Es-ce que je me trompe ?

Car si c'est le cas, j'ai pas mal de code à revoir

Merci SpaceFrog

[SpaceFrog]

ben pour le savoir tente un appel à l'objet après le remove()

[tidus_6_9_2]

Alors j'ai fait le test, et merci pour l'idée je n'y avait pas du tout songé.

Mais le problème est toujours là ^^, l'objet fullcalendar est toujours présent sur ma page

Car en faite ce que je fais, c'est qu'un personne peut sélectionner un intervalle de dates d'au maximum 365 jours. Donc une fois qu'il a sélectionné son intervalle (pour mes tests du 01/01/11 au 31/12/11) cela crée un calendrier par mois. Ensuite l'utilisateur clique sur un bouton qui ouvre une popup avec à l'intérieur ces 12 calendriers.

Maintenant le problème c'est que lorsque je quitte la popup si je ne détruit pas du tout l'instance du calendrier, je ne pourrais cliquer sur le bouton qui ouvre la popup que 2-3 fois avant qu'il ne cesse de fonctionner complètement. (Donc je penses que c'est du au fait de la quantité d'objet instancié).

De plus, après avoir supprimé avec .remove(), .('destroy') ou encore = null, je supprimer complètement le contenus HTML.

Donc normalement, je n'ai plus aucun objet dans la popup lors de la fermeture. Sauf qu'il continue à me garder en mémoire le calendrier pour une X raison que je ne connais pas

Merci encore

[SpaceFrog]

la doc à pourtant l'aire de dire que la methode destroy reinitialise la balise à son état d'origine ?

http://arshaw.com/fullcalendar/docs/display/destroy/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
close:
    function(){
          $('.fullcalendarCalendrier').each(
               function(){
                     $(this).fullCalendar('destroy').remove()
                                }
          );
          $(this).dialog('destroy');
    }

???