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}" ... />

這樣，您的EL在styleClass屬性中的嘗試將起作用。