我正在尝试在另一个foreach中添加一个foreach过滤器，比方说我有一个与雇员的第一个foreach，我需要根据员工编号添加另一个foreach，因此对于每个员工，我都需要过滤与每个员工相关的订单。如何在我的视图中按员工编号过滤第二个foreach并遍历所有员工订单？
这是我的看法：
<div>
<table id="employee-table">
<thead>
<tr>
<th style="width: 15px" class="sorting_disabled"></th>
<th class="sorting_disabled">"EmployeeName"</th>
<th class="sorting_disabled">EmployeeNumber</th>
<th class="sorting_disabled">Address</th>
<th class="sorting_disabled">EmployeePosition</th>
<th class="sorting_disabled">OfficeName</th>
<th class="sorting_disabled">TotalCharges</th>
</tr>
</thead>
<tbody>
<!-- ko foreach: model.employeeList() -->
<tr>
<td data-bind="css: { 'dashboard-collapsed-triangle': $data.numberOfOrders > 0 },
click: function () { $('#employee-service-cost-table' + $data.employeeId).toggle(); $(this).toggleClass('dashboard-collapsed-triangle dashboard-expanded-triangle') }" >
</td>
<td><a href="#tips"><span class="dashboard-employee-selectable" data-bind="text: $data.employeeName"></span></a></td>
<td><span data-bind="text: $data.employeeNumber"></span></td>
<td><span data-bind="text: $data.address"></span></td>
<td><span data-bind="text: $data.employeePosition"></span></td>
<td><span data-bind="text: $data.officeName"></span></td>
<td><span data-bind="text: $data.totalCharges"></span></td>
</tr>
<!-- HERE I NEED A SECOND FOREACH -->
<tr style="display: none; background-color: aliceblue" data-bind="attr: { 'id': 'employee-service-cost-table' + $data.employeeId }">
<td></td>
<td colspan="3"><span data-bind="text: $data.OrderNumber"></span></td>
<td><span data-bind="text: $data.Description"></span></td>
<td><span data-bind="text: $data.TotalCharges"></span></td>
<td><span data-bind="text: $data.Date"></span></td>
</tr>
<!-- END SECOND FOREACH -->
<!-- /ko -->
</tbody>
</table>
您可以将$ data参数传递给第二级foreach。
如果将订单保留在单独的数组中，请使用：
<!-- ko foreach: getOrders($data.employeeId) -->
其中getOrders是一个函数，它将过滤出特定员工的订单。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句