Cómo establecer el foco y el cursor en el primer campo de un formulario en JSF

0

el problema que tengo es referirme a los formularios realizados en Java Server Faces:

<rich:popupPanel id="popupConfigFile" autosized="true" resizeable="false">           
   <h:form>
      <h:panelGrid id="pgConfigFile" columns="2" columnClasses="colLabel,colInput">
         <h:outputLabel value="Name: "/>
         <h:inputText value="#{configBean.configFile.name}" tabindex="1"/>
         <h:outputLabel value="Description: "/>
         <h:inputTextarea value="#{configBean.configFile.description}" tabindex="2"/>
         <h:outputLabel value="Date: "/>
         <rich:calendar value="{configBean.configFile.date}" datePattern="dd/MM/yyyy" 
                               showFooter="false" tabindex="3"/>
         <h:outputLabel value="Enabled: "/>
         <h:selectBooleanCheckbox value="#{configBean.configFile.enabledConfig}" tabindex="4"/>
      </h:panelGrid>
      <br/>
      <a4j:commandButton value="Save" action="#{configBean.saveConfig}"                        
        oncomplete="if(#{facesContext.maximumSeverity==null}){#{rich:component('popupConfigFile')}.hide();}"/>
   </h:form>
</rich:popupPanel>

Quiero establecer el foco y el cursor en el primer campo (ENTRADA) del formulario, en el ejemplo de NOMBRE. Luego, usando la tecla TAB, avance con el foco y el cursor a los otros campos (TEXTAREA, CALENDAR, CHECKBOX) de manera ordenada.

¡Gracias por tu ayuda!

1

Hay varias formas de enfocar el primer componente editable en el formulario. Este es uno de los caminos. Creo que desea establecer el enfoque para el primer elemento de entrada en la ventana emergente. Utilice la onShowpropiedad y establezca el foco en el primer componente.

onShow="setTimeout(function(){ $('#formId\\:firstComponentId').focus();}, 500); "