업데이트 구성 요소는

Question

가 나는 이메일 입력을 가지고 있고 내가 그것을 validade하고 정확한지 여부와 함께 아이콘을 표시 할 작동하지 않습니다. 나는 blur 이벤트와 함께 p : ajax를 사용한다. 그러나 렌더링 된 속성이있는 속성은 작동하지 않습니다. primefaces 4.0과 jsf 2.2를 사용합니다. 여기 는 https://www.dropbox.com/s/4yi2246wzqgymcr/before.JPG 전에 사진을하고 https://www.dropbox.com/s/5bii3bv145s99ge/after.JPG

   <p:row> 
        <p:column style="width:400px"> 
         <h:outputLabel for="inpTextRegEmail" styleClass="outputRight" value="#{msg['regi_mail']}" /> 
        </p:column> 
        <p:column style="width:30px"> 
         <h:outputText styleClass="requiredIcon" value="∗" /> 
        </p:column> 
        <p:column style="width:350px"> 
         <p:inputText style="width:350px" id="inpTextRegEmail" value="#{regiBean.user.EMAIL}" 
          required="true" maxlength="75"> 
          <f:validator immediate="true" validatorId="at.dccs.csm.gui.jsf.validator.emailValidator" /> 
          <p:ajax event="blur" process="@this" 
           update="correctMail correctMailIcon incorrectMailIcon emailMSG hiasl" /> 
         </p:inputText> 
        </p:column> 

        <p:column style="width:410px"> 
         <h:panelGroup id="mailTip" class="fa fa-question-circle fa-2x" /> 
         <p:tooltip for="mailTip" value="Some Help" /> 
         <p:message id="emailMSG" for="inpTextRegEmail" /> 
        </p:column> 
       </p:row> 
       <p:row> 

        <p:column style="width:400px"> 
         <p:outputLabel styleClass="outputRight" value="Username" /> 
        </p:column> 
        <p:column style="width:30px"> 
         <p:outputLabel styleClass="requiredIcon" value=" " /> 
        </p:column> 

        <p:column> 
         <p:outputLabel id="correctMail" style="color: green;" value="#{regiBean.user.EMAIL}" /> 
        </p:column> 

        <p:column> 
         <h:panelGroup id="correctMailIcon" class="fa fa-check-circle fa-2x" 
          rendered="#{regiBean.correctUsername == true}" /> 
         <h:panelGroup id="incorrectMailIcon" class="fa fa-minus-square fa-2x" 
          rendered="#{regiBean.correctUsername == false}" /> 
        </p:column> 
       </p:row> 

Answer 1

blur 이벤트 후에 이벤트가 아닙니다. <p:inputText /> 구성 요소 이벤트와 관련이 있어야합니다.

사용 이벤트 발사에 대한 <p:ajax /> 구성 요소의 onblur 이벤트입니다. <p:inputText />에 의해 지원되는 이벤트는 onblur, onchange, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselect입니다. <p:ajax /> 구성 요소의 이벤트 속성에서이 속성 중 하나를 사용하십시오. 코드 아래

<p:ajax event="onblur" process="@this" 
    update="correctMail correctMailIcon incorrectMailIcon emailMSG hiasl" /> 

장소 커서 속성의 목록이 표시 및 이벤트 이름 onblur... etc 같은에 로 시작되는 Ctrl + Space primefaces 구성 요소의 사이 클릭으로

업데이트 componet.