javascript - mdn - innerhtml jquery

Backbone.js: ¿Por qué no está vinculado este evento?

Question

Tengo una lista de tareas pendientes, y todo se está procesando como se esperaba, pero cuando hago clic en el botón de enviar en el formulario de edición, el formulario se envía (GET / todo_articulos) y la página se vuelve a cargar y solo muestra el formulario de edición. El evento "enviar formulario" no está limitado y no puedo entender por qué. ¿Qué me estoy perdiendo?

App.Views.Edit = Backbone.View.extend({
events: {
"submit form": "save"
},
initialize: function(){
this.render();
},
save: function(){
var self = this;
var msg = this.model.isNew() ? ''Successfully created!'' : ''Saved!'';
this.model.save({
title: this.$(''[name=title]'').val(),
success: function(model, resp){
console.log(''good'');
new App.Views.Notice({message: msg});
self.model = model;
self.render();
self.delegateEvents();
Backbone.history.saveLocation(''todo_items/''+ model.id);
$(''#edit_area'').html('''');
},
error: function(){
console.log(''bad'');
new App.Views.Error();
}
});
return false;
},
render: function(){
$(''#edit_area'').html(ich.edit_form(this.model.toJSON()));
}
});

Aquí está el formulario de edición:

<script id="edit_form" type="text/html">
<form>
<label for="title">Title:</label>
<input name="title" type="text" value="{{title}}" />
<button>Save</button>
</form>
</script>

Answer 1

Backbone usa delegateEvents en el elemento el. Si no especifica "el" o no usa "el" para representar su vista, la delegación del evento no funcionará. En lugar de hacer

$("#edit_area")

dentro de tu render, pásalo como la opción "el" en el constructor:

edit = new App.Views.Edit({el: $("#edit_area")})

Véalo como this.el en todas partes en su código de vista, especialmente en su procesamiento.

Answer 2

Después de muchas horas de monkeying con esto, funcionó después de que explícitamente establecí el en la vista, y usé $(this.el) en la función de render . Extraño.