Discussion :

[Papy214]

Bonjour

Sur un formulaire, j'utilise la méthode data() de jquery pour associer diverses données à chaque tr d'un table.

Ce table est mis à jour selon certains filtres.

Au moment de cette mise à jour, je remplace tous les tr et je fais à nouveau une opération d'association avec data(). Avant cette mise à jour, faut-il faire une opération spéciale pour "nettoyer" la mémoire des anciennes données associées ?

Papy !

[Arnaud F.]

Bonjour,

oui de préférence si vous voulez partir sur de nouvelles bases.

Car la version 1.4.2 de jQuery se contente d'effacer les données d'une .data() si vous affectez une nouvelle valeur, par contre la version 1.4.3 de jQuery aura un comportement différent, à savoir qu'elle va étendre les anciennes data avec la nouvelle que vous allez affecter.

Donc, pour être sur :

Code :

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

$("votreForm").data("<identifiant>", null);

[Papy214]

Je vais faire ça.

Merci pour cette réponse claire et précise

[Papy214]

arf ... une question subsidiaire qui vient en relisant mon code:

Actuellement, j'utilise le code suivant:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$('table#resultats tbody').html(t.toString());
$('table#resultats').show();
 
// Enregistrement à la ligne des valeurs supplémentaires
var p = 0;
$('table#resultats tbody tr').each(function(){
    $(this).data({
        id_1    : valeurs[p][0],
        id_2    : valeurs[p][1],
        id_3    : valeurs[p][2],
        });
})

Pour le réinitialisation, est-ce que je peux faire ma chose suivante:

Code :

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

1
2
3
4
5
6
7
8
 
$('table#resultats tbody tr').each(function(){
    $(this).data({
        id_1    : null,
        id_2    : null,
        id_3    : null,
        });
})

ou faut-il que je passe une ligne pour chaque identifiant ?

Code :

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

1
2
3
4
 
$('table#resultats tbody tr').data('id_1', null);
$('table#resultats tbody tr').data('id_2', null);
$('table#resultats tbody tr').data('id_3', null);

[Arnaud F.]

Ah, je crois que j'ai mal compris, je pensais que vous veniez vos data sur un <form> et non directement sur vos <tr>...

Dans ce cas, pas besoin de remettre à null.

Un exemple :

Code HTML :

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

1
2
3
4
5
6
7
8
 
<table>
    <tbody id="me">
        <tr id='metoo'>
            <td>a</td>
        </tr>
    </tbody>
</table>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
// Rajout des data
$("tr#metoo").data("id", 1);
// Renvoie donc 1
$("tr#metoo").data("id");
 
// Suppression de la cellule
$("tbody#me").empty();
 
// On rajoute une nouvelle cellule
$("tbody#me").append("<tr id='metoo'><td>a</td></tr>"); 
 
$("tr#metoo").data(); // NULL, aucune data :)

P.S: pour affecter $.data() on est toujours obligé de boucler sur tous les éléments de tableaux.

[Papy214]

Je m'étais peut-être mal exprimé. J'aurais du mettre un exemple dans ma première question.

Merci !