Question

我有2个阵列。一个领域是所有学校,另一个是这些学校所有学生的名单。学生目标含有他们所属的学校。我可以列出所有学校的名单,我可以列出所有学生的名单。我愿选择一所学校(或一所学校),学生名单只向该学校的学生显示。

这里指的是我ve(咖啡):

ViewModel = () ->
    @accounts = ko.observableArray([])
    @players_to_teams = ko.observableArray([])
    @selected_players_to_teams = ko.observableArray([])
    @selected_schools = ko.observableArray([])
    null

观点:

<label for="school_selection">School</label>
<select id="school_selection" class="inline" multiple=true size="50" data-bind="options:accounts, optionsText:  Name , selectedOptions: selected_schools"></select>


<div id="player_list" class="inline">
  <table class="table table-striped">
    <thead>
    <tr>
      <th id="firstName">First Name</th>
      <th id="lastName">Last Name</th>
      <th id="position">Position</th>
      <th id="teamName">Team Name</th>
      <th id="accountId">Account ID</th>
    </tr>
    </thead>
    <tbody data-bind="foreach: selected_players_to_teams">
    <tr>
      <td data-bind="text: FirstName"></td>
      <td data-bind="text: LastName"></td>
    </tr>
    </tbody>
  </table>
</div>

在<代码>上当选的学校变化我需要更新<条码>所选的_游戏器_to_teams,以仅包含有在<条码>上有学校的学生记录?

是否有办法将可观测阵列连接起来,使可观测的Array成为一种功能,或者也许可以追索一个可观测的Array的信号?

Answer 1

我建议,将选定的“游戏者-to_teams”作为“ko.computed”,在选择的“学校”时进行更新,并将参与者送回选修学校。

See this jsfiddle for acode- only example: http://jsfiddle.net/MqNPm/。

Tuan

友情链接