knockout.js - 如何根据 foreach observablearray 属性过滤选择列表选项

Question

我有一个 foreach，它使用一个名为 CertificateDetailsToShow 的可观察数组。 CertificateDetailsToShow 有一个名为 LoanNum 的列。嵌套在 foreach 中，我有一个选择列表，它使用一个名为 DDABankNum 的可观察数组(填充选择列表选项)。它有一个名为 mLoanNum 的属性。我想根据两个 observablearrays (DDABankNums.mLoanNum = CertificateDetailsToShow.LoanNum) 中的 LoanNum 过滤选择列表中显示的内容。我怎样才能做到这一点？

我的查看代码-

<tbody data-bind="foreach: CertificateDetailsToShow">
  <tr id="Tr1" style="cursor: pointer">
    <td>
      <ul style="width: 100%">
        <h5 class="muted"><b>Loan:&nbsp;<span class="muted" data-bind="text: LoanNum"></span>&nbsp;(<span data-bind="    text: CurrType"></span>)</b>
          <select id="Select1" style="margin-top: 0px; height: 24px; width: 160px !important"
            data-bind="options: $parent.DDABankNums, optionsText: 'AccountName', value: $parent.mLoanNum, optionsCaption: $data.LoanNum">
          </select>
        </h5>
      </ul>
    </td>
  </tr>
</tbody>

Answer 1

<tbody data-bind="foreach: CertificateDetailsToShow">
  <tr>
    <td>
      Loan: <span data-bind="text: LoanNum"></span> (<span data-bind="text: CurrType"></span>)

      <select
        data-bind="options: $parent.filter($parent.DDABankNums, $data.LoanNum), optionsText: 'AccountName', optionsValue: 'myDDABankNumValueAttributeName'">
      </select>
    </td>
  </tr>
</tbody>

ViewModel 包含此方法:

self.filter = function(ddaBankNums, loanNum) {
    return ddaBankNums().filter(function(ddaBankNum) {
         return ddaBankNum.mLoanNum == loanNum;
    });
}