json - 带有嵌套 foreach 循环的 knockout.js

Question

我正在使用 knockout.js 2.0，当我执行嵌套的 foreach 循环时，性能非常慢。主循环返回了大约 70 条记录，这 70 条 json 记录中的数组包含 0 到 20 个项目。所以我觉得这不是很多json数据。

我只是用下面的代码测试:

    <table>
        <tbody data-bind="foreach: Employees, visible: Employees().length > 0">  
            <tr>                
                <td class="centerdata" data-bind="text: ID"></td>
                <td class="centerdata" data-bind="text: Name"></td>
                <td>
                   <table>
                       <tbody data-bind="foreach: $data.Transactions">  
                           <tr>   
                              <td data-bind="text:TransDate"></td>
                           </tr>
                       </tbody>
                   </table>
                </td>
            </tr>                    
        </tbody>
   </table>

页面加载大约需要 20 秒。 json 中还有其他字段，但为简单起见，我已将其删除。

谢谢，
马特

Answer 1

我认为这里一定有其他事情发生，马修。

我已经敲响了一个快速的 fiddle ，使用您的标记和一些与您提到的大小相似的虚拟数据，并且在 Chrome 中的性能约为 1 秒。

http://jsfiddle.net/unklefolk/DCLaR/

是否存在重复计算的依赖可观察量？如果是这样，请查看 throttle 功能 (http://knockoutjs.com/documentation/throttle-extender.html)