2012-11-21 48 views
0

动态数计算得出我有一个JSON数据来自看起来像这样的API:Knockout JS。从投入

var self = this; 
    var init = { 
    "topLevel": { 
     "secondLevel": [ 
      { 
       "Cost": 1, 
       "AllocatePct": .9, 
       "thirdLevel: [ {Cost:1,Name:"A1"},{Cost:2,Name:"A2"},{Cost:9,Name:"A3"} ] 
      }, 
      { 
       "Cost": 2, 
       "AllocatePct": .1,"thirdLevel: [ {Cost:11,Name:"B1"},{Cost:4,Name:"B2"},{Cost:9,Name:"B3"} ] 
      } 
     ], 
     "total": 3 
     } 
    }; 
    ko.mapping.fromJS(init,{},self); 

我的HTML看起来像:

<div data-bind="foreach:topLevel.secondLevel"> 
    <div data-bind="foreach:thirdLevel"> 
     <input type="text" data-bind="value: Cost"> 
    </div> 
</div> 
<div data-bind="??????"> 
    <!--have the correct number of textboxes and store the totals--> 
</div> 

第二级别和第三层子有数据的动态数量。我想计算总数。例如:A1 + B1的总数。另一个用于A2 + A2的文本框。 也有动态删除行(即A1和B2)的按钮,还可以动态添加新行。 希望这是有道理的。谢谢!感恩节快乐!

回答