javascript - Ampersand.js 中的自动重新渲染

Question

我有一个主应用程序 View ，其中有 2 个 subview 。每个 subview 都有自己的集合传递给它。

其中一个集合正在用户旅程中更新。但与之关联的 subview 没有更新。

集合更新后如何使 View 重新渲染？

Answer 1

据我了解，您正在渲染多个项目，每个项目对应于您的集合中的一个模型。在这种情况下，要利用动态插入/删除相应项目的优势，您应该在 subview 中使用 renderCollection ，如下所示:

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

这里的 ItemView 是与集合中的一个模型相对应的 View (它是构造函数，而不是实例化 View )。从这个 View 中，您可以访问 this.model，并且在此 View 中您可以定义您可能想要的任何绑定(bind)和事件。更多详情请查看official documentation .