JSF h:inputText验证和f:ajax渲染

时间:2010-11-10 12:00:14

标签: java jsf jsf-2

一个非常简单的JSF应用程序:

  • InputText元素分配有Validator。
  • f:ajax用于使用blur事件呈现下一个元素(phoneNumber)。
  • 仅当inputText传递验证器并且isValid布尔值设置为true时,才会显示PhoneNumber

以下是代码段

<h:form id="invOrdersWizForm">                                  
    <h:inputText id="name" maxlength="9" styleClass="ordLabelNarrow"
        validator="#{person.validatePerson}"                                
        value="#{person.name}">
        <f:ajax render="phoneLabel" event="blur"/>                                                              
    </h:inputText>  
    <h:outputText id="phoneLabel"
        rendered="#{person.isValid}"                        
        styleClass="ordLabelWide" value="#{person.phoneNumber}" />
</h:form>

ManagedBean

public void validatePerson(FacesContext context, UIComponent toValidate, Object value) {
    name = ((String) value).toUpperCase();
    phoneNumber = "12345678";
    isValid = true;
}

问题是,由于某种原因,phoneNumber根本没有呈现。

我能让它发挥作用的唯一方法是改变f:ajax来渲染@form

<h:inputText id="name" maxlength="9" styleClass="ordLabelNarrow"
    validator="#{person.validateSecurityCode}"                              
    value="#{person.name}">
    <f:ajax render="@form" event="blur"/>                                                               
</h:inputText>  

或从phoneNumber中删除渲染

    rendered="#{person.isValid}"

由于某种原因f:具有特定元素Id的ajax和基于managedBean Attribute的呈现不能共存。

任何想法或建议的人?

注意:当我使用侦听器而不是验证器

时,也会发生此行为

1 个答案:

答案 0 :(得分:7)

f:ajax在客户端运行。 render中指定的元素必须已存在于客户端HTML DOM树中。把它放在例如h:panelGroup中,而不是总是呈现给客户端。

<h:panelGroup id="phoneLabel">
    <h:outputText rendered="#{person.isValid}" value="#{person.phoneNumber}" />
</h:panelGroup>