何时渲染模型以及何时渲染集合 - Backbone.js

Question

我仍在学习 Backbone.js，我不确定一次渲染一个 model 与渲染 collection 之间的优缺点是什么。

我见过他们一次渲染一个model 的例子。例如：

//in parent view    
var view = new SectionView({model: section}); 

this.$("#section-list").append(view.render().el);



//in child view, render()

this.$el.html(this.template(this.model.toJSON())); 

使用如下模板：

<script type="text/template" id="section-template">
       <section class="view" id=section-<%- id %>>
                <label><%- height %></label>
                <label><%- color %></label>
                <label><%- id %></label>
                <button class="destroy">Delete</button>
       </section>
</script>

但是，我也看到了渲染整个 collection 的示例，例如 post。

如果有人能告诉我何时使用以及它们的优点/缺点是什么，我们将不胜感激。

提前谢谢你。

Answer 1

您不渲染模型或集合，您渲染视图。视图通常包含一个模型或一个集合，或者不太常见的是两者的混合。所以真正的问题是视图应该与模型还是集合相关联？答案应该自然而然。

假设您有一个涉及库的应用程序。你有一个book 模型，一个books 集合，因此你最终会得到一个book 视图和一个books 视图。 books 视图的命名应该更符合语义，例如bookshelf 视图。当您渲染bookshelf 视图时，您将遍历其books 集合并将每个book 模型分配给一个新的book 视图，然后渲染该视图。 bookshelf 视图填充有 book 视图。

我看到的一个常见模式是作为子视图容器的单个视图。容器视图与集合相关联，而子视图与模型相关联。容器视图被渲染，这导致集合中的每个模型都被渲染。