JSF 2.0通过EL检查组件是否在复合组件内部有效

Question

在我的JSF复合组件中有一个示例要实现：

<h:inputText id="name" value="#{cc.attrs.value.name}" styleClass="#{(component.valid) ? 'required' : 'required invalid'}" validatorMessage="bad name" requiredMessage="name required" immediate="true" required="true">
    <f:validateRegex pattern="^[\p{L}' ]{2,19}$" />
    <f:ajax event="blur" execute="name" render="name testPanel" immediate="true"/>
</h:inputText>

<h:inputText id="surname" value="#{cc.attrs.value.surname}" styleClass="#{(component.valid) ? 'required' : 'required invalid'}" validatorMessage="bad surname" requiredMessage="surname required" immediate="true" required="true">
    <f:validateRegex pattern="^[\p{L}' ]{2,19}$" />
    <f:ajax event="blur" execute="name" render="surname testPanel" immediate="true"/>
</h:inputText>

<h:panelGroup id="testPanel" styleClass="#{(!name.valid || !surname.valid) ? 'warning' : 'none'}">
    <h:message id="msgName" for="name" showSummary="true" showDetail="false" />
    <h:message id="msgSurname" for="surname" showSummary="true" showDetail="false" />
</h:panelGroup>

问题是如何在“ testPanel”上评估名称或姓氏是否有效/无效。我希望消息“ msgName”和“ msgSurname”都用样式化的跨度（HTML输出）包装，如果没有“名称”或“姓氏”的错误消息，则不会出现。

任何帮助表示赞赏:)

Answer 1

使用binding属性将组件绑定到EL范围：

<h:inputText binding="#{name}" ... />
<h:inputText binding="#{surname}" ... />

这样，您在styleClass属性中的EL尝试将起作用。