如何自定义Primefaces的Growl所需的验证消息

时间:2012-12-08 10:34:55

标签: jsf-2 input primefaces messages requiredfieldvalidator

在JSF 2.0中,如何覆盖所需的消息?我正在使用Primefaces。这是我的代码:

<h:body>
    <p:growl id="growl" showDetail="true"/>
    <h:panelGroup layout="block" styleClass="login-div">
        <h:form id="login">
            <p:panel header="Login">
                <h:panelGrid columns="2">
                    <p:outputLabel for="username" value="Username" />
                    <p:inputText id="username" value="#{authController.username}"
                        autocomplete="off" required="true"
                        requiredMessage="Username is required" />
                    <p:outputLabel for="password" value="Password" />
                    <p:password id="password" value="#{authController.password}"
                        autocomplete="off" required="true"
                        requiredMessage="Password is required" />
                </h:panelGrid>
                <p:commandButton id="submit" value="Login"
                    actionListener="#{authController.login}" update=":growl" />
            </p:panel>          
        </h:form>
    </h:panelGroup>
    <p:ajaxStatus styleClass="ajaxLodingStatus">
        <f:facet name="start">
            <p:graphicImage value="/resources/images/loading.gif" />
        </f:facet>
        <f:facet name="complete">
            <p:outputLabel value="" />
        </f:facet>
    </p:ajaxStatus>
</h:body>

现在Growl显示:“需要用户名”作为摘要和详细信息FacesMessage。密码字段的内容相同。

现在从命令按钮的actionListener开始,按照我想要的方式登录尝试失败时显示:

getFacesContext().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_WARN, "Login Error", "Invalid Credential"));

但我希望将“无效输入”显示为摘要,并将“需要用户名”显示为详细信息。

如果我从后端验证这两个输入字段并将FacesMessage添加为:

if(username == null || username.trim().length() == 0) {
    getFacesContext().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_ERROR, "Invalid input", "Username is required."));
}

显示我需要的东西。但是,不需要在输入组件中指定required="true"属性。

但我想使用此required属性,也希望自定义FacesMessageGrowl的显示方式。我怎么能这样做?


更新

这是我的支持bean:

@ManagedBean(name = "authController")
@ViewScoped
public class AuthController extends BaseWebController implements Serializable {

    private static final long serialVersionUID = 2894837128903597901L;

    private String username;
    private String password;

    public AuthController() {
        super();
    }

    public void login(ActionEvent event) {
        getFacesContext().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_WARN, "Login Error", "Invalid Credential"));
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }
}

目前actionaListener仅在有一些输入时触发。否则,当字段为空时,Growl显示:

enter image description here

点击登录按钮后:

enter image description here

show-case

所示

我想要的是,当输入用户名无法按要求验证时,Growl会显示:

  • 摘要:输入无效。
  • 详细信息:用户名是必需的。

输入密码:

  • 摘要:输入无效。
  • 详细信息:需要密码。

我怎样才能做到这一点?有可能吗?

2 个答案:

答案 0 :(得分:10)

我找到了解决方案:

我需要自定义验证错误消息。

我创建了messages.properties文件,其中写了:

javax.faces.component.UIInput.REQUIRED=Invalid input.
javax.faces.component.UIInput.REQUIRED_detail={0} is required.

并在faces-config中注册为:

com.edfx.adb.common.properties.messages

我得到了这个:

enter image description here

此外,我已从输入组件中删除了requiredMessage属性。

一些有用的链接:

答案 1 :(得分:1)

requiredMessage s显示在p:message元素中。如果你想显示咆哮信息,你已经找到了答案。

要了解如何使用p:message,请参阅PrimeFaces showcase