绑定淘汰foreach与表行

时间:2016-08-05 20:32:23

标签: html css knockout.js

我有以下表结构

<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()创建了多个td。PriceRebates我不想要的淘汰数据。我想为ItemDetails()创建多个tr。PriceRebates数据。有人可以告诉我如何实现这一目标。

由于

1 个答案:

答案 0 :(得分:9)

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

<?xml version="1.0" encoding="UTF-8"?>
<records>
  <record>
        <name>Alpha</name>
        <type>Bravo</type>
    </record>
  <record>
        <name>Bravo</name>
        <type>Bravo</type>
    </record>
</records>