如何根据foreach observalearray属性筛选选择列表选项



我有一个foreach,它使用一个名为CertificateDetailsToShow的可观察性数组。CCD_ 3具有一个称为LoanNum的列。嵌套在foreach中,我有一个选择列表,它使用了一个名为DDABankNums的可观察数组(填充选择列表选项)。它有一个名为mLoanNum的属性。我想根据两个可观测数组(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>
<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;
    });
}

最新更新