Popup - how to get the focus in a specific compent

Question

Hi,
I am trying to get the focus of my pop-up in the second component.
Use case: New button in the table shows a popup to get the input from the user. There is a Undo Edit link (top-left) to discard changes, on top of the pop-up so by default the focus goes to the top left. I have input text boxes under that. And I am trying to get the focus (mouse cursor) in the first input text box rather than the undo Edit link. Any idea to implement that without using javascript ?
          <af:popup id="newPopup" contentDelivery="lazyUncached"
                    popupCanceledListener="#{commonUtils.CreatePopupCanceledListener}">
            <af:dialog id="createPopupDL" type="none"
                       title="#{viewcontrollerBundle.NEW_COURSE_PLAN_STRUCTURE_QUALIFIER_HEADER}"
                       resize="on">
              <af:separator id="s1"/>
              <af:panelGroupLayout id="pgl2" layout="vertical" halign="left">
                <af:panelGroupLayout id="pgl3" layout="horizontal">
                    <!-- csc:undoEdit is a custom component to undo change
                    By default the focus is coming to this component -->
                  <csc:undoEdit id="ue1"/>
                </af:panelGroupLayout>
                <af:messages id="m1"/>
                <af:spacer width="10" height="10" id="s2"/>
                <af:panelFormLayout id="pfl1" labelAlignment="start"
                                    labelWidth="140">
                  <af:spacer width="10" height="10" id="s3"/>
                      <!-- I want to get my mouse cursor in this box -->
                      <af:inputText id="it2"
                                label="#{bindings.QualifierCd.hints.label}"
                                value="#{bindings.QualifierCd.inputValue}"
                                showRequired="true"
                                required="#{bindings.QualifierCd.hints.mandatory}"
                                columns="#{bindings.QualifierCd.hints.displayWidth}"
                                maximumLength="#{bindings.QualifierCd.hints.precision}"
                                shortDesc="#{bindings.QualifierCd.hints.tooltip}"
                                autoSubmit="true">
                    <f:validator binding="#{bindings.QualifierCd.validator}"/>
                  </af:inputText>
                </af:panelFormLayout>
              </af:panelGroupLayout>
              <af:spacer width="10" height="10" id="s4"/>
              <af:separator id="s5"/>
              <f:facet name="buttonBar">
                <af:group id="g2">
                  <af:panelGroupLayout id="pgl4" layout="horizontal"
                                       halign="start">
                    <af:commandButton text="#{smsCommonViewBundle.CreateBtn}"
                                      id="createCB" action="doCommit"
                                      partialSubmit="true"
                                      accessKey="#{smsCommonViewBundle.CREATE_ACCESS_KEY}">
                      <f:actionListener type="au.com.callista.sms.framework.view.lifecycle.PopupDismissActionListener"/>
                    </af:commandButton>
                    <af:spacer width="10" height="10" id="s6"/>
                    <af:commandLink text="#{smsCommonViewBundle.CANCEL_LNK}"
                                    id="cancelCL" action="doCancel"
                                    accessKey="#{smsCommonViewBundle.CANCEL_ACCESS_KEY}"
                                    immediate="true">
                      <f:actionListener type="au.com.callista.sms.framework.view.lifecycle.PopupDismissActionListener"/>
                      <af:resetActionListener/>
                    </af:commandLink>
                    <af:spacer width="400" height="10" id="s9"/>
                    <af:icon name="required" id="i1"/>
                    <af:spacer id="sp3" width="5" height="0"/>
                    <af:outputText value="#{smsCommonViewBundle.requiredLbl}"
                                   id="ot1" styleClass="requiredText"/>
                  </af:panelGroupLayout>
                </af:group>
              </f:facet>
            </af:dialog>
          </af:popup> Edited by: user9319679 on Sep 6, 2011 10:43 AM

Answer 1

I dont think so that possible without javascript.. AFAIK
<af:clientListener method="setFocus()" type="load"/>
      <af:resource type="javascript">
           function setFocus(event){
             var input1 = document.getElementById('pt1:r1:3:pt1:it1::content'); // the complete id of the inputText - change it according to your jsff.. use firebug to get the proper id
             if(input1!=null)
             {input1.focus();
      </af:resource>