Я хотел бы отобразить всю коллекцию в таблице и сделать поле «имя» в каждой строке на месте редактируемым с помощьюX-редактируемые

Редактируемые могут быть прикреплены к каждому имени в таблице с помощью недавно добавленной опции «селектор»:

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

Но я не могу запустить ни один из них, пока шаблон не выполнит рендеринг и узлы DOM не станут доступны, поэтому я поместил это в «отрендеренный» обратный вызов шаблона.

Проблема состоит в том, что каждый раз, когда коллекция изменяется, вызывается вызов, и затем к каждому узлу DOM присоединяется новая редактируемая функция, а также другой обратный вызов. Это означает утечки памяти и множественные обратные вызовы всякий раз, когда сохраняется «имя».

Очевидно, я делаю это неправильно, но я не уверен, где правильное место, чтобы вызвать редактируемый и на ('сохранить', функция ())?