Discussion :

[adrien971]

Bonjour,

Je développe quelques applications utilisant JQuery et j'ai un petit soucis.

Je m'explique imaginons que j'ai une page sur laquelle j'ai un tableau avec des lignes de résultats et sur chaque ligne de résultat j'ai une action supprimer.
Lors du clic sur le bouton de suppression je supprime la ligne et recharge la zone contenant les résultats par le biais d'AJAX, je dois encore redéfinir l'évènement supprimer sinon celle-ci ne fonctionne plus. Mais je n'arrive pas à la redéfinir.

Exemple :

Javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
$(".supprimer").click(
                 function(){
                        //suppression de la données
                        //actualisation de la zone de résultat

                        //problème évènement supprimer inconnu 

                  }
);

Il y aurait-il une solution pour redéfinir la fonction supprimer ?


Merci d'avance pour vos réponses

[SpaceFrog]

fonction supprimer ???

Code :

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

$(".supprimer")

c'est pour les element de className supprimer non ?

[adrien971]

fonction supprimer ???

Code :

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

$(".supprimer")

c'est pour les element de className supprimer non ?

Oui c'est ça.

Exemple pour un bouton :

Code :

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

1
2
 
<input type="button" class="supprimer" value="supp" />

Exemple pour un image:

Code :

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

1
2
 
<img class="supprimer" />

[Bovino]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function reaffecte(){
$(".supprimer").click(
                 function(){
                        //suppression de la données
                        //actualisation de la zone de résultat
 
                        //problème évènement supprimer inconnu 
 
                  }
);
}

Ainsi, lorsque tu as fini de reconstruire ton tableau, tu n'as qu'à rappeler la fonction reaffecte() !

[SpaceFrog]

à la limite:

Code :

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

1
2
3
4
5
6
7
function reaffecte(){
$(".supprimer").click(
                 function(){
                 void(0);
                  }
);
}

maintenant je ne sais pas si JQuery ecrase la fonction précédente declechée par l'evenement

Si JQuery ne le fait pas, un mix JQuery JS:

Code :

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

1
2
3
function reaffecte(){
$(".supprimer").onclick= function(){};
}

Là l'ecrasment de la focntion précédente est garanti !

[adrien971]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function reaffecte(){
$(".supprimer").click(
                 function(){
                        //suppression de la données
                        //actualisation de la zone de résultat
 
                        //problème évènement supprimer inconnu 
 
                  }
);
}

Ainsi, lorsque tu as fini de reconstruire ton tableau, tu n'as qu'à rappeler la fonction reaffecte() !

Je ne trouve pas ça très beau mais ça fonctionne merci. Je trouvais que ça faisait redondant, un genre de récursivité sans fin, car la fonction reaffecte() se rappel à chaque fois.

Merci

[Bovino]

Lors du clic sur le bouton de suppression je supprime la ligne et recharge la zone contenant les résultats par le biais d'AJAX

Si je comprend bien (mais je commence à avoir un doute ), quand tu cliques, tu vide ton tableau puis tu le recrées avec le retour de la requête Ajax ?
Si c'est le cas, une fois recréé, les éléments de ton tableau sont de nouveaux éléments tout beaux tout neufs avec aucun événement associé, donc il faut les réaffecter (d'où le nom de ma fonction en fait ).

[Spir]

Sinon t'as la solution liveQuery :
http://brandonaaron.net/docs/livequery/

Qui est justement faites pour ca.

[adrien971]

Si je comprend bien (mais je commence à avoir un doute ), quand tu cliques, tu vide ton tableau puis tu le recrées avec le retour de la requête Ajax ?
Si c'est le cas, une fois recréé, les éléments de ton tableau sont de nouveaux éléments tout beaux tout neufs avec aucun événement associé, donc il faut les réaffecter (d'où le nom de ma fonction en fait ).

Oui c'est exactement ça. Je vais aussi tester la méthode que Spir propose.

[adrien971]

Sinon t'as la solution liveQuery :
http://brandonaaron.net/docs/livequery/

Qui est justement faites pour ca.

Merci Spir la solution avec livequery semble pour le moment fonctionner super bien . C'est une solution de ce type que je cherchais dès le début sans trouver. Je préfère ça plutôt que de réécrire 10 milles fois une fonction.

Merci beaucoup Spir.

[Spir]

Merci Spir la solution avec livequery semble pour le moment fonctionner super bien . C'est une solution de ce type que je cherchais dès le début sans trouver. Je préfère ça plutôt que de réécrire 10 milles fois une fonction.

Merci beaucoup Spir.

Oui mais fait quand même attention à ne pas en mettre trop. Parce que c'est une solution qui coute chère en mémoire. Puisqu'avec ceci on filtre les évènements ca ralenti l'application.