使用呈現屬性更新組件不起作用

Question

我有一封電子郵件輸入，我想驗證它並顯示帶有圖標的圖標是否正確。我使用帶模糊事件的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 />組件事件相關。

使用onblur事件在<p:ajax />事件觸發組件。 <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" /> 

將光標定位在兩者之間的primefaces組件，然後單擊Ctrl + Space顯示屬性列表和活動名稱與開始於像onblur... etc。