jQuery - Bearbeiten einer Tabelle Zeile inline

Ich habe eine Tabelle mit beliebigen Spalten und Zeilen. Diese Tatsache ist irrelevant, aber wirklich, alles was ich will zu tun ist, entwickeln Sie eine Funktion, die eine Zeile (oder mehrere Zeilen) in eine Reihe von text-Eingaben mit den Daten in der Tabelle (oder leer, wenn keine Daten in der Zelle).

Ich finde keine Beispiele von Menschen ausdrücklich, dies zu tun, so fragte ich mich, was die Leute hier denken, ist der beste Weg, um eine Lösung zu finden.

InformationsquelleAutor der Frage adam | 2009-01-20

  1. 30

    Durchlaufen die Zellen der Tabelle in den Zeilen, und ersetzen Sie den Inhalt mit text-Eingaben:

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

    Du musst in der entsprechenden Zeile/Zeilen in der Funktion offensichtlich.

    InformationsquelleAutor der Antwort Eran Galperin

  2. 1

    verwenden http://code.google.com/p/jquery-inline-editor/es tut genau das, was Sie brauchen,

    InformationsquelleAutor der Antwort Matt Kim

  3. 0

    wie Eran sagt.

    allerdings konnte man auch einen Blick auf Eigenschaften wie contenteditable und designMode obwohl ich nicht sicher bin, wie gut unterstützten diese sind.

    sobald Sie ersetzt den Inhalt mit text-Eingaben können Sie mit dem jquery-plugin toggleEdit zu verwalten, wechseln Sie zwischen Vorschau-und Bearbeiten-Modus.

    InformationsquelleAutor der Antwort alzclarke

Schreibe einen Kommentar