backbone.js - 如何将集合绑定(bind)选择框添加到 Backbone.Marionette 中的表单？

Question

我有一个成员表单，其中有一个选择框，用于选择该成员的群组。

我正在使用 Backbone 和 Backbone.Marionette。成员表单绑定(bind)到 MemberModel。选择框的数据来自 GroupCollection。 MemberModel 仅包含一个 group_id，不包含对 GroupCollection 的任何引用。

我现在手动生成此选择框(获取 GroupCollection，然后使用 Javascript 添加到选择框)。

我想知道在 Backbone.Marionette 中是否有更好的方法来做到这一点。我认为这可以用 ListView 和 ItemView 来完成，但我不知道如何将选择框添加到这个成员表单，因为这个表单不是布局。

Answer 1

有许多不同的方法可以做到这一点，并且可以使用 CollectionView。您必须将 CollectionView 的 tagName 设置为“select”，然后与 CollectionView 一起使用的 itemView 会将 tagName 设置为“option”。

更简单的想法可能是单独使用 ItemView，并将您的集合作为数据源。您可以将集合与 ItemView 一起使用，没问题，您只需在模板中执行循环即可。

使用 underscore.js 模板:

<script type='text/template' id='some-template'>
  <select>
    <%= _.each(items, function(item){ %>
    <option value="<%= item.value %>"><%= item.name %>
    <%= }) %>
  </select>
</script>

Marionette.ItemView.extend({
  template: "#some-template"
  // ...
})

我在此处更详细地介绍了这两个基本选项:http://lostechies.com/derickbailey/2011/10/11/backbone-js-getting-the-model-for-a-clicked-element/

希望对您有所帮助。