3

我想在我的 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 输出）包装，如果没有“名称”或“姓氏”的错误消息，这些跨度将不存在。

任何帮助表示赞赏:)

4

1 回答 1

5

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

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

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

于 2012-07-16T14:13:17.887 回答