Einträge editieren / Ajax

[Pit]

Hallo Robert,

Und was spricht gegen <button class="fa fa-…">Icontext</button>?

Anscheinend nichts. Wußte ich aber nicht, ich hatte mich an das Beispiel von fa gehalten.

Ich sehe in obigem Code keinen Eventhandler. Wann bzw. wie wird der Code denn aufgerufen? Hast du mehr Details für uns?

$('.katzeile')
   .on('click', 'button', function(event) {
...

Funktioniert das denn oder wird das Event auch an ein Array angehängt? Und bitte zeichne reinen JavaScript-Code als solchen aus, Danke.

Ich weiß nicht genau, was Du meinst. Ich versuchs aber mal zu beschreiben: Beim ersten klick auf einen Tabelleneintrag (HTML, nicht db) wird aus dem nicht veränderbaren Tabelleneintrag ein Tabelleneintrag in einem input-feld. Zugleich wird aus einem "deaktivierten" Save-Symbol ein "aktives" Savesymbol. Bei Klick auf das "aktive" Savesymbol wird der Wert des inpiut-feldes per Ajax zum Server gesendet. Der widerum sendet einen JSON -Sring (Objekt?) zurück an den Client. Der Client wertet aus und macht aus der "Editzeile" wieder eine "Normalzeile" der HTML-Tabelle. Hierbei setzt er den neuen Wert (das ist der zuvor vom User eingetragene Wert) ein und vergibt der Zeile eine ID. Und genau hier hakt es. Die neue "Normalzeile" ist zwar wieder anklickbar und das Event wird auch wieder angeklickt, aber es kommt keine ID mehr an. Da die ID aber 1 Schritt vor der Vergabe noch bekannt ist, vermute ich, es scheitert an der Vergabe der ID an die Zeile. Dann wäre aber die Frage, warum JS es schafft, die Editzeile zur Normalzeile zu machen, denn auch hier wird die ID benötigt.

Deshalb wäre meine Frage an dieser Stelle: Wie kann ich prüfen, ob JS den Buttons die ID weiterreicht?

if ( datenset.typ === "success" ) {
alert(datenset.id); // Hier wird noch die korrekte ID ausgegeben
$('#editline_'+datenset.id).hide();
$('#normalline_'+datenset.id).show(); // Hier wurde die korrekte Zeile der Tabelle "getoggelt"
$('#normalline_'+datenset.id).html(
'<td>' + datenset.wert + '</td> \
<td> \
<button class="icon_edit_kat fa fa-edit fa-fw" id="edit_"' + datenset.id + '></button> \
<button class="icon_remove_kat fa fa-remove fa-fw" id="remove_"' + datenset.id + '></button> \
<button class="icon_edit_kat fa fa-sort fa-fw"></button> \
<button id="save_"' + datenset.id + ' class="icon_save_deaktiv_kat fa fa-save fa-fw"></button> \
</td>');

Pit