Backbone.js 模型事件未触发

Question

我有以下视图文件：

var BucketTransferView = Backbone.View.extend(
{
initialize: function(args)
{
    _.bindAll(this);
    this.from_bucket = args.from_bucket;
    this.to_bucket = args.to_bucket;
},
events:
{
    'click input[type="submit"]' : 'handleSubmit',
},
render: function()
{
    $(this.el).html(ich.template_transfer_bucket(this.model.toJSON()));
    return this;
},
handleSubmit: function(e)
{
    that = this;

    this.model.save(
        {
            date: 1234567890,
            amount: this.$('#amount').val(),
            from_bucket_id: this.from_bucket.get('id'),
            to_bucket_id: this.to_bucket.get('id')
        },
        {
            success: function()
            {
                // recalculate all bucket balances
                window.app.model.buckets.trigger(
                    'refresh',
                    [that.to_bucket.get('id'), that.from_bucket.get('id')]
                );
            }
        }
    );
    $.colorbox.close();
}
});

我的存储桶集合具有此刷新方法：

refresh: function(buckets)
{
    that = this;
    _.each(buckets, function(bucket)
    {
        that.get(bucket).fetch();
    });
}

我的问题是，当 fetch() 发生并更改集合的模型时，它不会触发具有相同模型的其他视图类中的更改事件。视图的模型具有相同的cid，所以我认为它会触发。

没有发生这种情况的原因是什么？

Answer 1

Fetch 将创建新的模型对象。任何与集合绑定的视图都应该绑定到集合的重置事件并重新渲染自身。视图的模型仍将具有相同的 cid，因为它们保存了对旧版本模型的引用。如果您查看 buckets 集合，它可能具有不同的 cid。

我的建议是在渲染存储桶的视图中，您应该渲染所有子视图并保留对这些视图的引用。然后在重置事件中，删除所有子视图并重新渲染它们。

initialize: function()
{
    this.collection.bind('reset', this.render);
    this._childViews = [];
},

render: function()
{
    _(this._childViews).each(function(viewToRemove){
        view.remove();
    }, this);

    this.collection.each(function(model){
        var childView = new ChildView({
            model: model
        });
        this._childViews.push(childView);
    }, this)
}

我希望这对你有用，或者至少让你朝着正确的方向前进。