2016-11-19 3 views
0

На моем веб-сайте есть выпадающий список ui-select. Угловой ui-select помещается среди других входных фиддлов (текстовые поля). Eventhough tabindex установлен на ui-select, он не работает. ui-select находится в форме как 4-й элемент, но при внесении вкладок в поля ввода он непосредственно переходит к 5-му элементу после выхода из третьего элемента. Может ли кто-нибудь сказать мне, как это исправить. Я искал его, но не смог найти удовлетворительного ответа. пользовательский интерфейс, выберите HTML-код следующимне может установить tabindex на угловом ui-select

<ui-select class="selecter-basic" name="Subject" tabindex="4" ng-focus="setFocus(4)" ng-class="{'warning': contactUsForm.$submitted && contactUsForm.Subject.$error.required }" ng-model="contactRequest.Subject" id="selectSubject" required> 
 
    <ui-select-match placeholder="{{resourcesData.ContactRequestForm_SelectedValue_Default_Subject}}">{{$select.selected.Value}}</ui-select-match> 
 
    <ui-select-choices repeat="subject.Key as subject in subjectList | filter: $select.search" value="{{$select.selected.Key}}"> 
 
    <span ng-bind-html="subject.Value | highlight: $select.search"></span> 
 
    </ui-select-choices> 
 
</ui-select>

Ниже показано, как пользовательский интерфейс, выберите отображается в браузере enter image description here

ответ

0

ли setFocus(4) пользовательская функция? Если это так, измените ng-focus на focus-on, который реализован в самом ui-select.

+0

setFocus - встроенная функция angular-ui-select. Я изменил его, чтобы сосредоточиться и проверить его. Но все же выпадающий список пропускается. –