Переместить курсор на следующий inputText при нажатии клавиши Tab JSF

Question

У меня есть несколько inputText, в которых пользователь должен ввести свое имя, возраст, вес, высоту. Проблема в том, что когда я нажимаю клавишу Tab, она должна перемещать курсор от имени к возрасту, но он переходит непосредственно к весу. Любые мысли, что может быть проблемой.

Answer 1

Добавить атрибут tabindex в каждый компонент пользовательского интерфейса (текстовое поле, ссылка, кнопка) с номером, который представляет шаг в вашей последовательности. См doc:

TabIndex - javax.el.ValueExpression (должен вычисляться java.lang.String) - положение этого элемента в последовательности перехода для текущего документа. Это значение должно быть целым числом от 0 до 32767.

Пример:

<h:outputLabel for="user" value="#{msg.userId}"/> 
    <h:inputText id="user" value="#{login.userName}" tabindex="1" /> 
    <h:commandLink value="#{msg.forgotUser}?" action="forgotUser" tabindex="4" /> 

    <h:outputLabel for="password" value="#{msg.password}" /> 
    <h:inputSecret id="password" value="#{login.password}" tabindex="2" /> 
    <h:commandLink value="#{msg.forgotPassword}?" action="#{forgotPassword}" tabindex="5" /> 

    <h:commandButton value="#{msg.login}" type="submit" 
     action="#{login.login}" tabindex="3" />