Ajouter des lignes à une table à l'intérieur d'un répéteur côté client avec jquery

Question

J'ai un répéteur qui contient une table. Je donne à l'utilisateur la possibilité d'ajouter une nouvelle ligne dans le répéteur en ajoutant une nouvelle ligne à la table.

Quelqu'un peut-il me donner des idées? Comme je suis très nouveau à jQuery, quelqu'un peut-il donner un exemple de code?

Answer 1

Si vous regardez le jQuery manipulation methods ce sont les méthodes de modification du DOM dans jQuery.

Je suggère pour ce que vous faites quelque chose le long des lignes de:

var tableToUpdate = $('#yourTableId'); // select the table 
var rowToAdd = $('<tr></tr>'); // this will create a table row element 
rowToAdd.append('<td>some content for this cell</td>'); // add the columns to your new row 
tableToUpdate.append(rowToAdd); // append the row to the end of the table 

Ceci va insérer une nouvelle ligne à la fin de la table. Si votre table a un tbody (vous devrez modifier votre sélecteur initial à '# yourTableId tbody')

Pour insérer la nouvelle rangée dans différentes positions dans la table regardez les autres méthodes de manipulation - après, avant, préfixez etc. .

Hope this helps, si vous êtes en mesure d'être un peu plus précis sur la situation, je peux probablement vous donner un exemple plus concret.