javascript - 主干.js : displaying results of one view within another

Question

我有以下场景。

• 表格行列表。

...
<tr><td><a href="#" class="item" id="1">get items</a></td></tr>
<tr><td><a href="#" class="item" id="2">get items</a></td></tr>
<tr><td><a href="#" class="item" id="3">get items</a></td></tr>
...

整个表格是从“TableView”Backbone 对象创建的，表格的每一行都是从“TableRowView”Backbone 对象创建的。

• 单击每一行中的“获取项目”链接时，我请求服务器获取对象列表。这些对象存储在它自己的模型和集合中。反过来，他们有自己的 View 对象“TableRowListView”。

到目前为止，一切正常。我想要做的是返回当前“TableRowListView”的“el”并将其附加到被单击的表格行。所以最终结果看起来像

...
<tr><td>
    <a href="#" class="item" id="1">get items</a>
    <ul>
      <li>table row list object</li>
      <li>table row list object</li>
    </ul>
  </td></tr>
<tr><td><a href="#" class="item" id="2">get items</a></td></tr>
<tr><td><a href="#" class="item" id="3">get items</a></td></tr>
...

所以我想我在尝试将 View 对象“插入”到另一个 View 时遇到了麻烦。

Answer 1

如果您查看来自新 Recipes with Backbone book 的 Collection View 的免费章节你会看到这样的代码:

addOne: function(model) {
  view = new Views.Appointment({model: model});
  view.render();
  $(this.el).append(view.el);
  model.bind('remove', view.remove);
}

作者正在为项目创建 subview ，然后将 View 的元素附加到包含 View 的元素。这就是你想要的吗？

如果是这样，那么我会推荐该章(您可以从网站下载 PDF 格式)并查看它是否进一步阐明了事情。这是一本简短的读物(我认为只有六页)。