backbone.js集合视图里面的集合视图

Question

我有一个带有列的条目表（=集合） - 活动，名称，费率，小时

现在活动是一个带有选项（=另一个集合？）的选择框，还有更多，应该从当前所选选项的属性复制比率。

如何将（？）这些选项注入第一个集合的模板？特别是当第一个集合的渲染需要来自另一个集合（速率）的属性时。

我也不希望每个内部都有，因为这些选项总是相同的，并且可以稍后使用javascript设置所选参数。

//编辑 实际上从不介意从selectbox复制费率的需要，在我开始尝试将其转换为主干之前，我不得不这样做

另一方面，我还需要改变......

Answer 1

这是你可以尝试的东西。我仍然不是100％的目标，但我觉得你试图以一个非常复杂的角度来解决问题。

查看：

var EntryView = Backbone.View.extend({
  /** Get the values from the view elements. */
  serialize: function() {
    return {
      activity: this.$('.activity :selected').val(),
      person: this.$('.person :selected').val(),
      budget: this.$('.budget').val()
    }
  },
  events:{
      'change .test': 'changeActivity'
    },
  changeActivity: function(ev) {
     /** Event is triggered when any of the select element changes. */
     var entry = this.serialize();
     console.log(entry);
  }, ...

在你的模板上，我在每个元素上添加了一个额外的类来区分它们。

<强>模板：

<script type="text/template" id="tpl_entries">
<% _.each(entries, function(entry) { %>
   <tr>
    <td>
    <select class="activity test">                              
       <% _.each(activities, function(activity) { %>                                
          <option><%= activity.get('name') %></option>
       <% }); %>
    </select>
    </td>
        <td>
    <select class="person test">
      <% _.each(people, function(person) { %>
           <option><%= person.get('name') %></option>
      <% }); %>
    </select>
    </td>
        <td>
<div class="input-append">
    <input class="budget input-small" type="text" 
                   value="<%= entry.get('budgeted') %>" /> ...

希望这有助于并引导您朝着正确的方向前进。