在 backbonejs 中向 ul 添加 Collection

Question

我刚刚学习 js/backbonejs，我有一个简单的问题，请随时指导我复制。

我有一个 Collection，我已经填充了它，我可以通过执行以下标准在控制台中访问它：

collection1.at(1).get('name');

我还可以通过以下方式循环遍历这些值：

for(vars i = 0; i < collection1.size(); i++)
{
console.log(collection1.at(i).get('name'));
}

我有四个按钮，并且有关于它们的视图和功能，当我点击它们时可以正确地向控制台输出一些东西。当我单击显示所有按钮时，我想显示 collection 中的每个模型及其具有的数据 (id,name,fame);

我该怎么做？我知道我必须有一个

<ul id = "gottaChangeThis"></ul>

我怎样才能添加这样的东西：

<li><%=id%><%=name%><%=fame%></li>

任何帮助或重定向都会有帮助，谢谢

Answer 1

基本架构可以包括接受您的 Collection 的 Backbone.View。在渲染时，遍历 collection 中的模型，并为每个模型渲染不同的 Backbone.View（渲染 <li>）并将其附加到 parent <ul>元素.

作为替代方案，考虑将 Marionette. It's a Backbone framework/extension that gives you additional objects as a means to eliminate a lot of boilerplate. In your case, you'd want a Marionette.CollectionView 与指定的 childView 一起使用。这个 childView 可以是一个 Marionette.ItemView，这样当你渲染 CollectionView 时，它会自动实例化并为你的 Collection.

中的每个模型渲染一个 childView

在 backbonejs 中向 ul 添加 Collection

Adding a Collection to a ul in backbonejs

javascript

jquery

backbone.js