javascript - Knockout.js foreach 中的 Tabindex

Question

我正在将 tabindex 应用于 foreach 列表中的多行文本区域。每行末尾都有一个按钮。我需要从左到右为每一行进行制表符顺序，然后进入下一行，等等。

如何使前面的行以比后面的行更高的编号开始？例如:我期望:第 1 行:选项卡索引 1,2,3第 2 行:选项卡索引 4,5,6

但我得到(第二行开始比预期少 1):第 1 行:选项卡索引 1,2,3第 2 行:选项卡索引 3,4,5

  <ul data-bind="foreach: myForEach">
    <li>
      <div class="span11">
        <textarea rows="3" data-bind="attr: {  tabindex: ($index() + 1) }"></textarea>
      </div>

      <div class="span11">
        <textarea rows="3" data-bind="attr: {  tabindex: ($index() + 2) }"></textarea>
      </div>

      <a data-bind="attr: {  tabindex: ($index() + 3) }">delete row</a>

    </li>
  </ul>

Answer 1

您应该将索引乘以 3:

data-bind="attr: { tabindex: ($index() * 3 + [index]) }"

完整代码:

<ul data-bind="foreach: myForEach">
    <li>
        <div class="span11">
            <textarea rows="3" data-bind="attr: { tabindex: ($index() * 3 + 1) }"></textarea>
        </div>
        <div class="span11">
            <textarea rows="3" data-bind="attr: { tabindex: ($index() * 3 + 2) }"></textarea>
        </div>
        <a data-bind="attr: { tabindex: ($index() * 3 + 3) }">delete row</a>
    </li>
</ul>