knockout.js - 在淘汰赛绑定中为孩子设置标签索引

Question

我有一个使用敲除绑定的表数据。在这里，我有父子行。例如

 <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/