knockout.js KnockoutJS:如何访问嵌套可观察数组中的祖节点索引?

i2byvkas  于 2022-11-10  发布在  其他
关注(0)|答案(1)|浏览(124)

我需要访问我的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:
                        }
         }

}

gcuhipw9

gcuhipw91#

通过使用$parentContext.$parentContext.$index()解决了此问题

相关问题