knockout.js - 在 knockout 绑定(bind)中为 child 设置标签索引

Question

我有一个使用 knockout 绑定(bind)的表数据。在这里，我有父子行。例如

 <tr>
                                <td>
                                    <select data-bind="value:Required, enable:RequiredActive, attr:{tabindex: 43 * ($index() + 1) }">
                                        <option value="E">Eligible</option>
                                        <option value="O">On</option>
                                        <option value="F">Off</option>
                                    </select>
                                </td>
                                <td>
                                   <input data-bind="value:SetupTime, attr: { title: tabindex: 44 * ($index() + 1) }"/>
                                   <input data-bind="value:CloseTime, attr: { title: tabindex: 45 * ($index() + 1) }" />
                                </td>
                                <td>
                                    <table>
                                        <tbody data-bind="foreach: WorkSegments">
                                            <tr>
                                                <td>
                                                    <select data-bind="options:Locations, value:Location, optionsText: 'Name', optionsValue: 'ID', attr:{tabindex: 49 * ($parentContext.$index + 1) }" >
                                                    </select>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                                <td>
                                    <table>
                                        <tbody data-bind="foreach: WorkSegments">
                                            <tr>
                                                <td>
                                                    <select class="combobox" data-bind="options:EmployeeRoles, value:Role, optionsText: 'Name', optionsValue: 'ID', attr:{tabindex: 49 * ($parentContext.$index + 1)}" >
                                                    </select>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>

                            </tr>

在这里，Location 和 EmployeeRole 下拉菜单是子项，可以在父项中多次出现。因此，在设置选项卡索引时，我使用了'$parentContext.$index'，但在运行时，对于所有子控件，我得到 tabindex='NAN'

我也尝试过使用 $parent.index()，但没有运气。

感谢一些帮助

Answer 1

您应该使用 $parentContext.$index()不是 $parent.index() :

<select data-bind="options:Locations, value:Location, optionsText: 'Name', optionsValue: 'ID', attr:{tabindex: 49 * ($parentContext.$index() + 1) }" >
                                                    </select>

这是工作示例: http://jsfiddle.net/CVL4q/