在 Backbone.js 集合上引发自定义事件并传递数据

Question

在 Backbone.js 中，我想在集合上引发自定义事件，但在将 id（或任何任意数据）从原始更改模型传递到事件侦听器时遇到困难.

简单地说，每次我的模型上的属性“速度”发生变化时，以下示例都会启动一个事件：

var CarCollection = Backbone.Collection.extend({
    model: Car,
    url: '/api/cars/',

    parse: function (response, options) {
        return response;
    },

    initialize: function () {
        // if the car's 'Speed' changes, trigger the event
        this.on('change:Speed', this.onSpeedChanged, this);
    },

    onSpeedChanged: function(car_id) {
        // QUESTION: how to get 'car_id' here?
        this.trigger('SpeedChanged', car_id);
    }
});

现在这让我可以做这样的事情：

var cars = new CarCollection();

cars.on("SpeedChanged", function (car_id) {
    console.log("This also works!");
    // QUESTION: how to get 'car_id' here (= undefined, of course)?
});

请注意，这一切都有效，但问题是：如何从更改的模型中获取 car_id 并将其传递给调用者/侦听器？

Answer 1

AFAIU，您想将更改模型的car_id 属性传递给自定义事件。您可以使用get 方法获取所需属性的当前值：

var CarCollection = Backbone.Collection.extend({
    ...
    onSpeedChanged: function(model) {
        // model - changed model
        this.trigger('SpeedChanged', model.get('car_id'));
    }
});