jQuery - Modifier une ligne de table en ligne

Question

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

Je ne trouve aucun exemple de personnes explicitement en train de faire cela, alors je me suis demandé ce que les gens pensent que c'est la meilleure façon de trouver une solution.

Answer 1

itérer sur les cellules du tableau dans les lignes, et remplacer le contenu avec des entrées de texte:

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

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

Answer 2

comme dit Eran. Cependant, vous pouvez également regarder des propriétés telles que contenteditable et designMode bien que je ne sache pas si elles sont bien supportées. Une fois que vous avez remplacé le contenu par des entrées de texte, vous pouvez utiliser le plugin jquery toggleEdit pour gérer la commutation entre le mode de prévisualisation et le mode d'édition.

Answer 3

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