我创建了一个组件
<cc:interface>
......
</cc:interface>
<cc:implementation>
<cc:implementation>
<div id="#{cc.clientId}" style="margin: 0; padding: 0; width: 100%;">
...
<p:inputText id="texto" value="#{cc.attrs.value}"
readonly="#{cc.attrs.readonly}"
required="#{cc.attrs.required}"
maxlength="#{cc.attrs.maxlength}">
</p:inputText>
...
</div>
</cc:implementation> </cc:implementation>
该组件用于模板中,如
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:p="http://primefaces.org/ui"
xmlns:util="http://java.sun.com/jsf/composite/util"
......
<p:outputLabel val="name" for="foo">
<util:texto id="foo" val="#{bean.text}" required="true" />
......
</html>
但是,在提交表单上,组件foo没有红色边框,p:outputLabel
也没有显示所需的图标,[如果p:outputlabel
中的for="foo:texto"
涂成红色,但不需要图标]
请告诉我,解决方案是什么,谢谢
PD:对不起,我的英语很差。
首先,将所有输入组件放入h:form中。然后,试试这个:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:cc="http://java.sun.com/jsf/composite"
xmlns:p="http://primefaces.org/ui">
<cc:interface>
<cc:attribute name="value" />
<cc:attribute name="readonly" />
<cc:attribute name="required" />
<cc:attribute name="maxlength" />
</cc:interface>
<cc:implementation>
<div id="#{cc.clientId}:_div" style="margin: 0; padding: 0; width: 100%;">
<p:inputText id="_input"
value="#{cc.attrs.value}"
required="#{cc.attrs.required}"
maxlength="#{cc.attrs.maxlength}" />
</div>
</cc:implementation>
</html>
视图:
<h:form id="abcForm">
<app:test id="abcText"
value="#{some.thing}"
required="true"
maxlength="60" />
</h:form>
通过这种方式,您可以通过它们的id访问div和inputText:abcForm:abcText:_div和abcForm:abcText:_input。在我的测试中,inputText在提交为空时变为红色。