在Ampersand.js中自动重新渲染

时间:2016-02-11 11:47:24

标签: javascript ampersand.js ampersand-collection

我有一个主应用视图,它有2个子视图。每个子视图都有自己的集合传递给它。

其中一个系列正在用户旅程中更新。但与之相关的子视图不会更新。

如何在更新集合后重新渲染视图?

1 个答案:

答案 0 :(得分:0)

据我所知,您正在渲染多个项目,每个项目对应于您的集合中的一个模型。在这种情况下,要利用动态插入/删除相应的项目,您应该在子视图中使用renderCollection这样的内容:

render: function(){
    this.renderWithTemplate(this);
    this.renderCollection(this.collection, ItemView, this.el.querySelector('SELECTOR'));
    return this;
}

这里ItemView是对应于集合中的一个模型的视图(它是构造函数,而不是实例化视图)。在此视图中,您可以访问this.model,在此视图中,您可以定义您可能需要的任何绑定和事件。有关详细信息,请查看official documentation