Comment définir le focus et le curseur sur le premier champ d'un formulaire JSF

Question

le problème que j'ai fait référence aux formes 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> 

Je veux mettre l'accent et le curseur sur la premier champ (INPUT) du formulaire, dans l'exemple NAME. Ensuite, en utilisant la touche TAB, avancez avec le focus et le curseur sur les autres champs (TEXTAREA, CALENDAR, CHECKBOX) d'une manière ordonnée.

Merci pour votre aide!

Answer 1

Il existe plusieurs façons de mettre en évidence le premier composant modifiable dans le formulaire. Voici l'un des moyens. Je crois que vous voulez définir le focus pour le premier élément d'entrée dans le popup. Utilisez la propriété onShow et définissez le focus sur le premier composant.

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