我创建了一些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,它可以正常工作,所以我假设它与此相关,但不知道如何解决它。非常感谢您提供的任何帮助。
答案 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" ... />