在Knockout中设置TabIndex

我需要使用knockout将tabindex设置为动态生成的控件。我数据绑定在UI级别的属性，但它似乎不工作。下面是数据绑定的HTML代码：在Knockout中设置TabIndex

<tbody data-bind="foreach: Week1"> 
          <tr class="formFields" style="vertical-align: top;"> 
           <td class="formFields" width="8%" data-bind="text: Day"> 
           </td> 
           <td class="formFields" width="5%" align="center"> 
            <select class="combobox" data-bind="value:Required, attr:{tabindex: 42 + Date + $index()}" > 
             <option value="E">Eligible</option> 
             <option value="O">On</option> 
             <option value="F">Off</option> 
            </select> 
           </td> 
           <td class="formFields" width="10%" align="center" > 
            <input class="txtbox" type="text" placeholder="S:" data-bind="value:SetupTime, attr: { tabindex: 43 + Date + $index() }/> 
            <input class="txtbox" type="text" placeholder="R:" data-bind="value:CloseTime, attr: { tabindex: 44 + Date + $index() }" /> 
           </td> 
           <td class="formFields" width="10%" align="center"> 
            <input class="txtbox" type="text" placeholder="Min:" data-bind="value:MinHrsPerDay, attr: { title: tabindex: 45 + Date + $index() }"/> 
            <input class="txtbox" type="text" placeholder="Max:" data-bind="value:MaxHrsPerDay, attr: { title: tabindex: 46 + Date + $index() }"/> 
           </td> 
           <td class="formFields" width="6%" align="center"> 
            <input class="txtbox" align="middle" type="text" data-bind="value:MinWorkShift, attr: { tabindex: 47 + Date + $index() }"/> 
           </td> 
           </tr> 
          </tbody>

这里日期是我的视图模型的属性，它代表天为0-6。由于可以有多行，因此我使用$ index（）来计算每行中控件的Tab索引。

但是，这是我所看到的在运行时：

<input type="text" data-bind="value:SetupTime, attr: { tabindex: 43 + Date + $index() }" placeholder="S:" class="txtbox" tabindex="43function d(){if(0&lt;arguments.length){if(!d.equalityComparer||!d.equalityComparer(c,arguments[0]))d.H(),c=arguments[0],d.G();return this}b.r.Wa(d);return c}2">

可能有人请帮我纠正呢？

由于提前

来源

2013-05-09 devC

因为你Date属性是一个ko.observable，所以你需要通过调用它作为一个功能，所以用Date()得到它的价值。

所以，你需要改变你的绑定：

data-bind="value:SetupTime, attr: { tabindex: 43 + Date() + $index() }"

你只需要如果你usign您观察到的表达式中像43 + Date() + $index()与Date()称呼它（注意()也$index后）。

如果你直接绑定到一个observable那么你不需要像data-bind="value:Required"那样的()，因为在这种情况下，KO会自动“解开”你的值。

来源

2013-05-09 07:10:25 nemesv

在Knockout中设置TabIndex

回答

相关问题