将淘汰赛 foreach 与表格行绑定

Question

我有下表结构

<table style="width: 100%;">                                 
 <tr>
 <td><b>Fund Value:</b></td>
 <td data-bind="text: ItemDetails().FundValue"></td>
 <td><b>Fund Code:</b></td>
 <td data-bind="text: ItemDetails().FundCode"></td>
 <td><b>Fund Desc:</b></td>
 <td data-bind="text: ItemDetails().FundDesc"></td>
    </tr>
<tr data-bind="foreach: ItemDetails().PriceRebates">                        

 <td><b>Rebate Value:</b></td>
  <td data-bind="text: RebateValue"></td>
  <td><b>Rebate Code:</b></td>
  <td  data-bind="text: RebateCode"></td>
  <td><b>Rebate Desc:</b></td>
  <td  data-bind="text: RebateDesc"></td>

   </tr>
 </table>

它绑定到淘汰视图模型。我遇到的问题是 tr 绑定到 foreach 循环，因此它为我不想要的 ItemDetails().PriceRebates 淘汰数据创建了多个 td。我希望为 ItemDetails().PriceRebates 数据创建多个 tr。有人可以告诉我如何实现这一目标。

谢谢

Answer 1

你可以在没有容器元素的情况下使用 foreach：

<!-- ko foreach: ItemDetails().PriceRebates -->
<tr>                        
  <td><b>Rebate Value:</b></td>
  <td data-bind="text: RebateValue"></td>
  <td><b>Rebate Code:</b></td>
  <td  data-bind="text: RebateCode"></td>
  <td><b>Rebate Desc:</b></td>
  <td  data-bind="text: RebateDesc"></td>
</tr>
<!-- /ko -->