2016-11-19 11 views
0

私のウェブサイトには、角度を選択するドロップダウンがあります。角度ui-selectは他の入力fiedls(テキストボックス)の中に置かれます。イベントtabindexがui-selectで設定されていて、動作していません。 ui-selectは4番目の要素としてフォーム上にありますが、入力フィールドをタブで移動すると、3番目の要素からタブアウトした後、5番目の要素に直接移動します。誰でもこの問題を解決する方法を教えてもらえますか?私はそれをgoogledが、満足のいく答えを見つけることができませんでした。 UI-選択HTMLコードブラウザ enter image description hereは、角度ui-selectにtabindexを設定できません。

答えて

0

にレンダリングする方法UI-選択され、次の

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

を次のようにカスタム関数setFocus(4)ですか?もしそうなら、uy-select自体に実装されているfocus-onng-focusを変更してください。

+0

setFocusは、組み込み関数であるangle-ui-selectです。私はそれを焦点に合わせて変更し、それをテストしました。しかし、ドロップダウンリストはスキップされます。 –

関連する問題