如何在收集更改时重置此骨干视图?

时间:2013-08-17 05:37:50

标签: javascript jquery backbone.js

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

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

1 个答案:

答案 0 :(得分:3)

你必须听取改变事件 大部分时间都是在initialize函数中完成的。

您可以监听所有事件(模型更改,集合重置,新模型,模型已删除):

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

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

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

另见backbone.js collection events