在事件回调中获取对模型的引用

Getting a reference to a model in an event callback

本文关键字：模型 引用 获取 事件 回调      更新时间：2023-09-26

我不确定我是否做对了，第一次玩Backbone.js。

我有两个模型的视图，我想使用事件聚合器方法来触发两者之间的事件。

聚合器声明：

Backbone.View.prototype.eventAggregator = _.extend({}, Backbone.Events);

因此，在一个视图中，我有这样一行将触发removeRow方法。

this.eventAggregator.trigger("removeRow", this.row);

在另一个视图中

MyView = Backbone.View.extend({
    initialize: function() {
      this.eventAggregator.bind("removeRow", this.removeRow);
      this.model.get("rows").each(function(row) {
        // Do stuff
      }); 
    },
    removeRow: function(row) {
       // row is passed in fine
       // this.model is undefined
       this.model.get("rows").remove(row);
    }
});

我想我明白为什么this.model是未定义的，但是我该怎么做来维护引用以便我可以在回调中使用this.model？我想过将模型传递给第一个视图，然后在trigger调用中将其传递回去，但这似乎使事件聚合器的整个要点毫无意义。如果我有模型，我可以直接调用.remove方法，并且失去了我的第一个视图不知道模型的好处。有什么建议吗？

我认为你有绑定问题。

有两种方法可以确保this将是 View 实例：

1. 使用bindAll

在View.initialize()中添加以下行：

_.bindAll( this, "removeRow" )

关于此事的有趣@DerickBailey帖子

2. 在绑定声明中使用可选的第三个参数

喜欢这个：

this.eventAggregator.bind("removeRow", this.removeRow, this);

关于此事的骨干文档

提供 View 对象作为绑定方法的第三个参数：

this.eventAggregator.bind("removeRow", this.removeRow, this);

第三个参数是调用回调的上下文。请参阅文档。

另外，你可以用 .on（） 代替更短的 .bind（） ...

您需要绑定this，以免丢失范围。另一个答案上的博客链接使用下划线的bindAll 

initialize: function() {
  _.bindAll(this, 'removeRow');
  this.eventAggregator.bind("removeRow", this.removeRow);
  this.model.get("rows").each(function(row) {
    // Do stuff
  }); 
},
相关文章：