Backbone.js 模型查看连接

Question

我是 Backbone.js 新手。我只是在玩弄它。我想知道模型是否与视图相关。在提供的todos 示例中，我看到在 addOne 方法中，创建了一个新视图并将其与新创建的模型关联并附加。

  window.AppView = Backbone.View.extend({
     // view code
     addOne: function(todo) {
          var view = new TodoView({model: todo});
          this.$("#todo-list").append(view.render().el);
     }
  }

当我尝试做类似的事情时，我收到一条错误消息，提示“在未定义的情况下找不到绑定方法”。

window.TodoView = Backbone.View.extend({

     initialize: function() {
          _.bindAll(this, 'render', 'close');
          this.model.bind('change', this.render); // I got the error at this place. 
          this.model.view = this;
     }
});

为了解决这个问题，我必须将新创建的模型作为参数传递给视图构造函数，并且我必须执行this.model = task 以便关联它。

window.TodoView = Backbone.View.extend({

     initialize: function(task) {
          _.bindAll(this, 'render', 'close');
          this.model = task
          this.model.bind('change', this.render);// now there is no error
          this.model.view = this;
     }
});

window.AppView = Backbone.View.extend({


   insertTask:function(){
        var newTask, newTaskView;
        newTask = new Task(JSON.parse(xhr));
        Tasks.create(newTask);
        newTaskView = new TaskView({ model: newTask });
        $("#todo_list").append(newTaskView.render().el);
        this.input.val('');
}

});

但是 todos 示例中没有这样的内容。在 todos 示例中，新模型如何与新视图隐式关联？

谢谢

Answer 1

这根本不是隐含的，它在这一行中是明确的：

var view = new TodoView({model: todo});

这是创建一个新的TodoView 视图并将其model 属性设置为addOne 函数的唯一参数（todo，它是一个模型）。

每当向Todos 集合添加新模型时，都会以新模型作为参数调用addOne 方法。

Todos.bind('add', this.addOne);

然后，在addOne 中，为该模型创建一个新视图，并通过{model: todo} 明确设置关系。我怀疑这是您的代码版本中缺少的内容。

您似乎试图做的是在视图的 init 函数中将视图和模型链接起来，这很好，但如果您这样做，您就得靠自己了——这意味着您需要设置模型 自己查看关系（通过将模型作为参数传递给视图初始化函数来解决）。