Question

I’m starting out with backbone and I’m trying to create a simple view that alerts whenever my model changes. Right now the initialize function in the view is being called, but the render function is not being called when my model changes (my model is being changed).
I’ve attempted two ways of binding to the change event (in the initialize function and the events property). I feel like I’m missing something obvious.

The #jsonPreview id exists in the html.

// Create the view
var JSONView = Backbone.View.extend({
initialize: function(){
    this.bind("change", this.render);
  },

  render: function() {
    alert("change");
  },
  events:
  {
    "change":"render"
  }

});

// Create the view, and attach it to the model:
var json_view = new JSONView({ el: $("#jsonPreview"), model: documentModel });

Thanks in advance.

Answer 1

It looks like you are binding to the change event on the view rather than the view’s model. think you need to bind to the model event something like this:

initialize: function(){
  this.model.bind("change", this.render);
},