Me gustaría mostrar una colección completa en una tabla y hacer que el campo "nombre" en cada fila sea editable conEditable en x

editable se puede adjuntar a cada nombre en la tabla usando una opción "selector" agregada recientemente:

$('#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 
});

Pero no puedo ejecutar ninguno de estos hasta que la plantilla termine de renderizarse y los nodos DOM estén disponibles, así que puse esto en la devolución de llamada "renderizada" de la Plantilla.

El problema es que cada vez que la colección cambia, la representación se llama, y ​​luego se adjunta un nuevo editable a cada nodo DOM, así como a otra devolución de llamada. Esto significa fugas de memoria y múltiples devoluciones de llamada cuando se guarda un "nombre".

Claramente estoy haciendo esto mal, pero no estoy seguro de dónde es el lugar correcto para llamar editable y en ('guardar', función ())?