JQuery – Modifiez une ligne de table en ligne

J'ai une table avec des colonnes et des lignes arbitraires. Ce fait n'est pas pertinent, mais vraiment, tout ce que je veux faire est de développer une fonction qui transformera une ligne (ou plusieurs lignes) en une série d'entrées de texte contenant les données dans le tableau (ou vide si aucune donnée dans la cellule).

Je ne peux pas trouver d'exemples de personnes qui font explicitement cela, alors je me demandais ce que les gens pensent ici, c'est la meilleure façon de trouver une solution.

Iterate sur les cellules de la table dans les lignes et remplacez le contenu par des entrées de texte:

function editRow(row) { $('td',row).each(function() { $(this).html('<input type="text" value="' + $(this).html() + '" />'); }); }

Vous devez passer les lignes / lignes pertinentes dans la fonction évidemment.

Utilisez http://code.google.com/p/jquery-inline-editor/ , il fait exactement ce dont vous avez besoin

Comme Eran dit.

Cependant, vous pouvez également regarder les propriétés telles que contenteditable et designMode bien que je ne suis pas sûr de la façon dont ils sont bien pris en charge.

Une fois que vous avez remplacé le contenu par des entrées de texte, vous pouvez utiliser le plugin jquery toggleEdit pour gérer le passage entre le mode de prévisualisation et le mode d'édition.