jQuery - Édite une ligne de tableau en ligne

Question

J'ai une table avec des colonnes et des lignes arbitraires. Ce fait est sans importance, bien que 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 de la table (ou vides s’il n’ya pas de données dans la cellule).

Je ne trouve aucun exemple de personnes qui le font explicitement, alors je me suis demandé ce que les gens ici pensent est la meilleure façon de trouver une solution.

Answer 1

Parcourez les cellules du tableau 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 évidemment faire passer la / les ligne (s) appropriée (s) dans la fonction.

Answer 2

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

Answer 3

comme dit Eran.

Cependant, vous pouvez également consulter des propriétés telles que contenteditable et designMode bien que je ne sois pas sûr de la qualité de leur prise en charge.

une fois que vous avez remplacé le contenu par des entrées de texte, vous pouvez utiliser le plug-in jquery toggleEdit pour gérer leur commutation entre mode aperçu et mode édition.