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 输出）包装，如果没有针对 'name' 或 'surname' 的错误消息，这些跨度将不存在。

任何帮助表示赞赏:)

Answer 1

使用binding属性将组件绑定到EL作用域：

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

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