永远不会触发复合组件内输入字段的验证器

时间:2012-08-30 01:18:14

标签: jsf facelets validation composite-component

我创建了一些Facelets,以便更轻松地开发页面。特别是,我为输入组件创建了一系列Facelets。我有1个Facelet <xxx:input />,它在输入字段周围显示一个标签。除此之外,我还有像<xxx:inputText /><xxx:inputSecret />这样的Facelets来渲染实际的输入字段。其中每个都使用<xxx:input />来显示标签。 Facelet看起来像这样:

<html ...>
   <composite:interface>
      ...
   </composite:interface>
   <composite:implementation>
       <label><h:outputText value="#{cc.attrs.labelText}" /></label>

       <composite:insertChildren />
   </composite:implementation>
</html>

<xxx:inputText /> Facelet看起来像这样......

<html ...>
   <composite:interface>
      ...
   </composite:interface>
   <composite:implementation>
      <xxx:input labelText=...>
         <h:inputText id="myinput" ... />
      </xxx:input>
   </composite:implementation>
</html>

一切都很好,但在尝试添加<f:validator />或其他验证标签时遇到了麻烦。根据我的阅读,我必须在我的Facelet中添加一个标签。所以,我在接口部分添加了<composite:editableValueHolder name="myinput" targets="myinput" />行。但是,我仍然没有看到我的验证器被解雇。我的.xhtml文件中有类似的内容......

 ...
    <xxx:inputText value="...">
      <f:validateLength minimum="10" for="myinput" />
    </xxx:inputText>
    ...

无论我输入什么输入,验证器似乎永远不会触发,我从未收到错误消息。同事建议这是由于我使用的目标ID以及它被<xxx:input /> Facelet包裹的事实。

我是否需要在目标定义中合并父组件ID?还有别的东西让我失踪吗?如果我排除<xxx:input /> Facelet,它可以正常工作,所以我假设它与此相关,但不知道如何解决它。非常感谢您提供的任何帮助。

1 个答案:

答案 0 :(得分:9)

您需要指定验证程序的for属性以匹配name的{​​{1}}。

<composite:editableValueHolder>

您还需要确保在两者复合中指定了<xxx:inputText value="..."> <f:validateLength for="myinput" minimum="10" /> </xxx:inputText> ,因此还需要<composite:editableValueHolder>input.xhtml。这是一个完整的例子,对我来说在Mojarra 2.1.12上运行得很好:

/resources/components/input.xhtml

<ui:component
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:cc="http://java.sun.com/jsf/composite"
>
    <cc:interface>
        <cc:attribute name="label" required="true" />
        <cc:editableValueHolder name="input" targets="input" />
    </cc:interface>
    <cc:implementation>
       <h:outputLabel for="input" value="#{cc.attrs.label}" />
       <cc:insertChildren />
    </cc:implementation>
</ui:component>

/resources/components/inputText.xhtml

<ui:component
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:cc="http://java.sun.com/jsf/composite"
    xmlns:my="http://java.sun.com/jsf/composite/components"
>
    <cc:interface>
        <cc:attribute name="label" required="true" />
        <cc:attribute name="value" required="true" />
        <cc:editableValueHolder name="input" targets="input:text" />
    </cc:interface>
    <cc:implementation>
        <my:input id="input" label="#{cc.attrs.label}">
            <h:inputText id="text" value="#{cc.attrs.value}" />
        </my:input>
    </cc:implementation>
</ui:component>

某些test.xhtml中的用法:

<!DOCTYPE html>
<html lang="en"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:my="http://java.sun.com/jsf/composite/components"
>
    <h:head>
        <title>SO question 12188638</title>
    </h:head>
    <h:body>
        <h:form>
            <my:inputText label="foo" value="#{bean.input}">
                <f:validateLength minimum="10" for="input" />
            </my:inputText>
            <h:commandButton value="submit" action="#{bean.submit}">
                <f:ajax execute="@form" render="@form"/>
            </h:commandButton>
            <h:messages/>
        </h:form>
    </h:body>
</html>

另见:


对具体问题

无关,你知道<h:outputLabel>吗?

<h:outputLabel value="#{cc.attrs.labelText}" />

事实上你可以在模板文本中内联EL而不需要<h:outputText>吗?

<label>#{cc.attrs.labelText}</label>

您是否注意到您的标签也缺少for属性,该属性应该引用标签应该引用的输入元素的ID?

<h:outputLabel for="someId" ... />
<h:inputText id="someId" ... />