Discussion :

[Invité]

Bonjour,

Pour ceux qui ont lu certains de mes précédents post, on me dit souvent:

Pourquoi met tu la gestion des événements dans une fonction ?

Comme ici :

Code :

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

1
2
3
function UpdateEditor(){
  $(".Editable", TopTable.fnGetNodes()).editable(...).on("click", ...);
}

Cela vient du fait que le champ ayant la classe ".Editable" est contenu dans TopTable. TopTable est un tableau crée avec le plug-in DataTable. Ce tableau est rafraîchi a intervalle régulier. Cela implique la destruction de son contenu. Du coup le

Code :

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

 $(".Editable", TopTable.fnGetNodes()).editable(...).on("click", ...);

n'existe plus. Pour le re-créer et que l'event fonctionne a nouveau, j'appel la fonction UpdateEditor() juste après le refresh du tableau.

J'ai bien entendu déjà essayé de séparer l'event et UpdateEditor() mais ça ne fonctionne pas.
Auriez vous une alternative ?
Merci

[danielhagnoul]

Si TopTable est un objet jQuery : $( TopTable ).on( "click", ".Editable", function(){ ... });.

[Invité]

Merci beaucoup, cela marche parfaitement, il y a juste une petite modification a faire sur votre code:

Code :

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

1
2
$( TopTable ).on( "click", ".Editable", function(){ ... });
TopTable.on( "click", ".Editable", function(){ ... }); // <= fonctionne

[danielhagnoul]

Bien entendu ! Et je dis encore :

Si TopTable est un objet jQuery