延迟 Backbone.sync 事件

Question

我有一个自定义模型类，其中有一个属性可以告诉我上次获取模型的时间：

var MyModel = Backbone.Model.extend({
    fetched: null,
    fetch: function(options) {
        var self = this;
        return Backbone.Model.prototype.fetch
            .apply(this, arguments)
            .done(function(){
                self.fetched = _.now();
            });
    }
});

然后，我的 View 会监听这个模型的 change 事件并在发生这种情况时呈现自己，根据模型是否已被获取，结果会有所不同：

var MyView = Backbone.View.extend({
    initialize: function() {
        this.listenTo(this.model, 'change', this.render);
    },
    render: function() {
        if (this.model.fetched == null) {
            // Do something
        }
        else {
            // Do something else
        }
        return this;
    }
});

我的问题是change 事件在Model.fetch 完成后立即触发，甚至在我设置self.fetched = _.now() 之前。 我知道此时我可以手动触发该事件，但这将是多余的，而且我不确定模型在此提取过程中是否实际发生了变化。

有没有办法捕获在调用Backbone.Model.prototype.fetch 期间触发的事件，以便我可以在链接的done 中手动触发它们？

更新：或者，有没有办法让fetch 在触发事件之前成功运行？

Answer 1

时间已过，因为.done() 处理程序在稍后的事件线程中触发，类似于setTimeout()。

有没有办法捕获在调用 Backbone.Model.prototype.fetch 期间触发的事件，以便我可以在我的链式完成中手动触发它们？

不，我希望，没有黑客 Backbone，你真的不想这样做。但是，您可以利用 Backbone 触发和侦听自定义事件的能力。

例如，您可以有一个自定义的fetched 事件，由MyModel.fetch() 中的.done() 回调触发，并在您喜欢的任何地方收听。

对MyModel.model.fetched 时间戳的需求将消失，因为与change 不同，自定义事件只会从那个地方触发。

var MyModel = Backbone.Model.extend({
    fetch: function(options) {
        var self = this;
        return Backbone.Model.prototype.fetch
            .apply(this, arguments)
            .done(function() {
                self.trigger('fetched');
            });
    }
});

虽然文档只讨论了与.on() 相关的自定义事件，但它们同样可以通过.listenTo() 来收听。没有什么可以阻止您收听标准的change 以及自定义的fetched 事件。

此策略将允许（例如）您的“做某事”和“做其他事情”在单独的侦听器中执行，而不是作为单个侦听器的分支：

var MyView = Backbone.View.extend({
    initialize: function() {
        this.listenTo(this.model, 'change', this.render_on_change);
        this.listenTo(this.model, 'fetched', this.render_on_fetch);
    },
    render_on_change: function() {
        /* Do something */
    },
    render_on_fetch: function() {
        /* Do something else */
    }
});

变化无穷无尽。您可能需要使用它，直到您获得适合您的应用程序的确切内容。

为了介绍this.listenTo(this.model, 'fetched', ...);，恐怕你得硬着头皮对每个需要响应该事件的视图进行更改。这是不可避免的。

从积极的方面来说，任何当前拥有this.listenTo(this.model, 'change', ...); 并且不需要收听fetched 的模型都可以保持原样。

Answer 2

您可以为 fetch 函数提供一个成功回调，并且可以摆脱模型中的代码。

var MyView = Backbone.View.extend({
    initialize: function() {
        var self=this
        this.listenTo(this.model, 'change', this.render);
        this.model.fetch({
            success: function(){
               self.model.fetched= _.now();
        })
    },
    render: function() {
        if (this.model.fetched == null) {
            // Do something
        }
        else {
            // Do something else
        }
        return this;
    }
});