我需要访问我的for each中嵌套的可观测数组的“祖父”索引。
下面是我的HTML的结构:
<div data-bind="foreach: Stores">
<div>
<div>
<div data-bind="text: Name"></div>
</div>
<div>
<div class="add-section">
<div data-bind="click: $root.OpenCountryDialog.bind($data, $index())"><img></div>
<span>Add Country</span>
</div>
<!-- ko foreach: Countries-->
<div>
<div>
<div data-bind=" text: Name"></div>
</div>
<div>
<div>
<div alt="add" data-bind="click: $root.OpenStateDialog.bind($data, $index(),$parentContext.$index())"><img></div>
</div>
<!-- ko foreach: ShipToStates -->
<div>
<div data-bind="text: Name"></div>
<div>
<div>
<div class="icon-add" alt="add"**"ACCESS IT HERE"**><img></div>
</div>
<div>
<!-- MORE CONTENTS HERE-->
</div>
</div>
<!-- /ko -->
</div>
</div>
<!-- /ko -->
</div>
</div>
</div>
到目前为止,我可以使用$index访问Stores下的索引,然后使用$parentContext.$index()访问Countries下的索引。那么States的子级foreach如何呢?我如何访问其中Stores的“索引”?
请参阅代码中的**“ACCESS IT HERE”**以供参考。
我的可观察数组如下所示:
Stores : {
Name:
Countries : {
Name:
States : {
Name:
}
}
}
1条答案
按热度按时间gcuhipw91#
通过使用$parentContext.$parentContext.$index()解决了此问题