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();
}
});

我的 buckets 集合有这个刷新方法：

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)
}

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