Ich möchte eine gesamte Sammlung in einer Tabelle anzeigen und das Feld "Name" in jeder Zeile direkt mit bearbeitenX-editierbar

editable kann mit einer kürzlich hinzugefügten "Selector" -Option an jeden Namen in der Tabelle angehängt werden:

$('#collectionTable').editable({
  selector: '.editable-click',
});

// I also need to setup a 'save' callback to update the collection...

$('a.editable-click').on('save', function(e, params) {
  console.log('Saved value: ' + params.newValue);
  // TBD: update the collection 
});

Ich kann jedoch keines dieser Verfahren ausführen, bis das Rendern der Vorlage abgeschlossen ist und die DOM-Knoten verfügbar sind. Daher füge ich dies in den "gerenderten" Rückruf der Vorlage ein.

Das Problem besteht darin, dass jedes Mal, wenn sich die Sammlung ändert, gerendert wird und dann an jeden DOM-Knoten eine neue bearbeitbare Datei sowie ein weiterer Rückruf angehängt wird. Dies bedeutet Speicherverluste und mehrere Rückrufe, wenn ein "Name" gespeichert wird.

Klar mache ich das falsch, bin mir aber nicht sicher, wo der richtige Ort zum Aufrufen editierbar und ein ist ('speichern', Funktion ())?