Knockout JS绑定列表列表

时间:2014-01-16 14:44:24

标签: knockout.js

我有一个包含List<List<MyObject>>的课程。我找不到任何如何在Knockout JS中绑定此列表列表的示例。有可能吗?

我尝试了什么:

<div data-bind="foreach: $data.ChildrenGrouped">
    <div data-bind="foreach: $data.ChildrenGrouped[$index]">

    </div>
</div>

有人能指出我正确的方向和/或验证是否可能?

澄清: 这是我的课程如何设置的一个例子,不确定它是否重要。

MyClass:
   Property1 Prop1 { get; set; }
   Property2 Prop2 { get; set; }
   List<List<MyClass>> ChildrenGrouped { get; set; }

1 个答案:

答案 0 :(得分:5)

假设您的JavaScript视图模型上的ChildrenGrouped属性是一个数组数组,您的视图html可能看起来更像这样:

<div data-bind="foreach: ChildrenGrouped">
    <div data-bind="foreach: $data">
        ...
    </div>
</div>

内部循环上的$ data是外循环上的每个条目(数组)。