javascript - 如何在集合更改时重置此主干视图？

Question

如何将此视图绑定到集合更改事件，以便在将新项目添加到集合时重置？

KAC.Views.ModuleMainNavigation = Backbone.View.extend(
    {
        tagName: "div",
        id: "",
        className: "",
        template: JST['modules/main_navigation'],
        initialize: function() {
            _.bindAll(this);
        },
        events: {
        },
        render: function () {
            this.$el.html(
                this.template(
                    { 
                        collection : this.collection 
                    }
                )
            );

            return this;
        }
    }
);

Answer 1

您必须侦听更改事件。
大多数情况下，这是在initialize函数中完成的。

您可以监听所有事件（模型更改、集合重置、新模型、模型移除）：

this.collection.on('change reset add remove', this.render, this);

或仅适用于新模型添加事件：

this.collection.on('add', this.render, this);

另请参阅backbone.js 收集事件