Validation OmniFaces验证Equals和复合组件_Validation_Jsf_Composite Component_Omnifaces

Validation OmniFaces验证Equals和复合组件

validation jsf

Validation OmniFaces验证Equals和复合组件,validation,jsf,composite-component,omnifaces,Validation,Jsf,Composite Component,Omnifaces,我正在使用JSF2.3和OmniFaces3.0。我正在尝试创建一个表示电子邮件文本字段的自定义组件。没什么特别的我有下面的代码，这是完美的工作 <h:form id="formAggiungiUtente"> <p:outputLabel for="inputTextEmail" value="#{msg['email']}"/> <h:inputText id="inputTextEmail" pt:type="email" val

我正在使用JSF2.3和OmniFaces3.0。我正在尝试创建一个表示电子邮件文本字段的自定义组件。没什么特别的

我有下面的代码，这是完美的工作

<h:form id="formAggiungiUtente">

    <p:outputLabel for="inputTextEmail" value="#{msg['email']}"/>    
    <h:inputText id="inputTextEmail" pt:type="email" value="#{userController.userBean.mail}" class="form-control" required="true" requiredMessage="#{msg['email']} #{msg['campoObbligatorio']}" validatorMessage="#{msg['email']} #{msg['nonValido']}">
        <f:validator binding="#{emailJsfValidator}"/>
    </h:inputText>

    <p:outputLabel for="inputTextSecondEmail" value="#{msg['ripetiMail']}"/>
    <h:inputText id="inputTextSecondEmail" pt:type="email" value="#{userController.secondMail}" class="form-control" required="true" requiredMessage="#{msg['ripetiMail']} #{msg['campoObbligatorio']}" validatorMessage="#{msg['ripetiMail']} #{msg['nonValido']}">
        <f:validator binding="#{emailJsfValidator}"/>
    </h:inputText>

    <o:validateEqual id="equal" components="inputTextEmail inputTextSecondEmail" message="#{msg['indirizziMailDiversi']}" />
</h:form>

在应用程序的其他部分中，我需要表示电子邮件文本字段的组件，因此第一步是创建如下内容

<h:form id="formAggiungiUtente">
    <ui:include src="templates/mailTextField.xhtml">
        <ui:param name="id" value="inputTextEmail" />
        <ui:param name="label" value="#{msg['email']}" />
        <ui:param name="value" value="#{userController.userBean.mail}" />
        <ui:param name="required" value="true" />
        <ui:param name="requiredMessage" value="#{msg['email']} #{msg['campoObbligatorio']}" />
        <ui:param name="validatorMessage" value="#{msg['email']} #{msg['nonValido']}" />
    </ui:include>

    <ui:include src="templates/mailTextField.xhtml">
        <ui:param name="id" value="inputTextSecondEmail" />
        <ui:param name="label" value="#{msg['ripetiMail']}" />
        <ui:param name="value" value="#{userController.secondMail}" />
        <ui:param name="required" value="true" />
        <ui:param name="requiredMessage" value="#{msg['ripetiMail']} #{msg['campoObbligatorio']}" />
        <ui:param name="validatorMessage" value="#{msg['ripetiMail']} #{msg['nonValido']}" />
    </ui:include>

    <o:validateEqual id="equal" components="inputTextEmail inputTextSecondEmail" message="#{msg['indirizziMailDiversi']}" />

</h:form>

这里是mailTextField.xhtml

<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:p="http://primefaces.org/ui"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets">

    <p:outputLabel for="#{id}" value="#{label}"/>    
    <h:inputText 
        id="#{id}" 
        pt:type="email" 
        value="#{value}"
        class="form-control" 
        required="#{required}" 
        requiredMessage="#{requiredMessage}" 
        validatorMessage="#{validatorMessage}">
        <f:validator binding="#{emailJsfValidator}"/>
    </h:inputText>

</ui:composition>

同样，这个解决方案是可行的，但通过阅读大量答案，我了解到如果参数太多，可能需要创建自定义组件。因此，我使用“cvl”作为库名创建了以下组件

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:cc="http://xmlns.jcp.org/jsf/composite"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:pt="http://xmlns.jcp.org/jsf/passthrough">

    <cc:interface>
        <cc:attribute name="label" type="java.lang.String" default="#{msg['email']}" />
        <cc:attribute name="value" type="java.lang.String" />
        <cc:attribute name="required" type="java.lang.Boolean" default="true" />
        <cc:attribute name="requiredMessage" type="java.lang.String" default="#{msg['email']} #{msg['campoObbligatorio']}" />
        <cc:attribute name="validatorMessage" type="java.lang.String" default="#{msg['email']} #{msg['nonValido']}" />
    </cc:interface>

    <cc:implementation>
        <p:outputLabel for="#{cc.clientId}" value="#{cc.attrs.label}"/>    
        <h:inputText 
            id="#{cc.clientId}" 
            pt:type="email" 
            value="#{cc.attrs.value}"
            class="form-control" 
            required="#{cc.attrs.required}" 
            requiredMessage="#{cc.attrs.requiredMessage}" 
            validatorMessage="#{cc.attrs.validatorMessage}">
            <f:validator binding="#{emailJsfValidator}"/>
        </h:inputText>
    </cc:implementation>

</html>

现在我的页面是这样的

<h:form id="formAggiungiUtente">
    <cvl:mailTextField 
        id="inputTextEmail"
        value="#{userController.userBean.mail}"
    />

    <cvl:mailTextField 
        id="inputTextSecondEmail"
        value="#{userController.userBean.mail}"
        requiredMessage="#{msg['ripetiMail']} #{msg['campoObbligatorio']}"
        validatorMessage="#{msg['ripetiMail']} #{msg['nonValido']}"
    />

    <o:validateEqual id="equal" components="inputTextEmail inputTextSecondEmail" message="#{msg['indirizziMailDiversi']}" />
</h:form>

问题是我不知道如何填充validateEqual的参数“components”，因为错误总是如下所示

ValidateEqual属性“components”必须引用UIInput客户端ID。客户端ID的类型为“javax.faces.component.UINamingContainer”

我尝试了很多组合，但都没有成功。我做错了什么？谢谢

通过阅读大量答案，我了解到，如果参数太多，可能需要创建自定义组件

这个？它说创建标记文件，而不是自定义组件，更不用说复合组件了

如果您使用了标记文件，那么这个构造就可以正常工作。另一方面，复合组件是命名容器。这意味着他们在孩子身上添加了一个额外的客户端ID层，就像

和

一样。您还应该在客户端id搜索表达式中包含复合组件自己的

id

。它是这样的：

<cc:someComposite id="idOfComposite1" ... />
<cc:someComposite id="idOfComposite2" ... />

<o:validateEqual components="idOfComposite1:idOfInput idOfComposite2:idOfInput" />

因此，复合实现具有：

<h:inputText id="idOfInput" ... />

因此，只需将复合组件修复为不再在子JSF组件的

id

属性中引用

{cc.clientId}

。这是完全错误的。它应该只用于普通的HTML

或

包装复合组件的实现，然后仅出于以下原因

通过阅读大量答案，我了解到，如果参数太多，可能需要创建自定义组件

这个？它说创建标记文件，而不是自定义组件，更不用说复合组件了

和

一样。您还应该在客户端id搜索表达式中包含复合组件自己的

id

。它是这样的：

<cc:someComposite id="idOfComposite1" ... />
<cc:someComposite id="idOfComposite2" ... />

<o:validateEqual components="idOfComposite1:idOfInput idOfComposite2:idOfInput" />

因此，复合实现具有：

<h:inputText id="idOfInput" ... />

因此，只需将复合组件修复为不再在子JSF组件的

id

属性中引用

{cc.clientId}

。这是完全错误的。它应该只用于普通的HTML

或

包装复合组件的实现，唯一的原因是。

它现在可以工作了。唯一的问题是p:outputLabel没有突出显示。所有的验证器（required和emailJsfValidator）都被正确调用，但我不认为“*”是必填字段，当出现验证错误时，该字段不会突出显示。我发现了这个问题。有关系吗？我发现了问题所在。如果复合组件的id和h:input的id相同，则p:outputLabel将不起作用。您不应为复合组件的子组件分配动态id，而应分配固定id。是的，这是根据您以前的回答完成的。但是，如果在复合组件中使用固定id“franco”，并在其内部的inputText中使用相同的固定id“franco”，这将不起作用。显然非常感谢@balusc这很可能是

中的一个bug。复合组件子级的ID应该尽可能保持中立。例如，

id=“input”

。尽管如此，您还是最好创建一个标记文件，而不是一个复合文件。它现在可以工作了。唯一的问题是p:outputLabel没有突出显示。所有的验证器（required和emailJsfValidator）都被正确调用，但我不认为“*”是必填字段，当出现验证错误时，该字段不会突出显示。我发现了这个问题。有关系吗？我发现了问题所在。如果复合组件的id和h:input的id相同，则p:outputLabel将不起作用。您不应为复合组件的子组件分配动态id，而应分配固定id。是的，这是根据您以前的回答完成的。但是，如果在复合组件中使用固定id“franco”，并在其内部的inputText中使用相同的固定id“franco”，这将不起作用。显然非常感谢@balusc这很可能是

中的一个bug。复合组件子级的ID应该尽可能保持中立。例如，

id=“input”

。尽管如此，还是最好创建一个标记文件，而不是复合文件。