KendoDropDownList TabIndex 没有生效

Question

我正在使用 KendoDropDownList 小部件，在标记中，select 元素设置了 tabindex="600"。但它没有生效。我确实在呈现给客户端的最终标记中看到了它。

<span style="" title="" class="k-widget k-dropdown k-header form-control"
     unselectable="on" role="listbox" aria-haspopup="true" 
     aria-expanded="false" tabindex="610" 
     aria-owns="PropertyAddress_State_listbox" 
     aria-disabled="false" aria-readonly="false" aria-busy="false">

    <span class="k-dropdown-wrap k-state-default" unselectable="on">
        <span class="k-input" unselectable="on">CA</span>
        <span class="k-select" unselectable="on">
            <span class="k-icon k-i-arrow-s" unselectable="on">select</span
        </span>
    </span>
    <select name="PropertyAddress.State" id="PropertyAddress_State" 
        data-role="dropdownlist" class="form-control" style="display: none;">
      <option value="AK">AK</option>
      <option value="AL">AL</option>
      .
      .
    </select>
</span>

但 Tab 键不会像普通 select 元素那样触发下拉菜单。知道它如何以及是否可以工作吗？

Answer 1

通常，Kendo UI DropDownList 将 tabindex 从原始元素移动到可见的可聚焦元素（在本例中）。至于这个问题，我无法复制它：

http://screencast.com/t/I5lKNVbrnjN

这是演示：

http://dojo.telerik.com/uVAvA

KendoDropDownList TabIndex 没有生效

KendoDropDownList TabIndex not taking effect

javascript

kendo-ui

telerik

kendo-dropdown