유효성 검사가 실패 할 경우 전체 테이블 행 강조 표시

Question

JSF2.0 및 Richfaces에서 작업 중입니다. 유효성 검사가 실패 할 경우 양식 필드 (전체 행)의 스타일을 변경해야하는 요구 사항이 있습니다. 필드 레이블과 텍스트 상자를 표시하려면 다음 코드를 사용하고 있습니다.

<h:panelGrid columns="2"> 
      <h:outputLabel value="#{uit.firstname}:"> 
       <span class="required"><strong>*</strong> </span> 
      </h:outputLabel> 
       <h:inputText value="#{editUserProfileBean.firstName}" type="text" 
        id="firstname" styleClass="basicFormTextBox" size="30" 
        required="true" requiredMessage="#{uitkem.valueRequired}" 
        validatorMessage="#{prod.firstNameValidator}"> 
        <f:validateLength maximum="#{prodConf.MaxLengthForFirstName}" 
         minimum="#{prodConf.MinLengthForFirstName}" /> 
        <f:validator validatorId="trimSpaces" /> 
       </h:inputText> 
      </h:panelGrid> 

유효성 검사가 실패하면 행 (레이블과 텍스트 상자 모두)을 강조 표시해야한다고 가정합니다.

유효성 검사가 실패 할 경우 다음 코드를 사용하여 텍스트 상자를 강조 표시 할 수 있습니다. 하지만 전체 행을 강조 표시하려면 다음 코드를 사용할 수 없습니다.

<h:inputText value="#{editUserProfileBean.firstName}" required="true" styleClass="#{not component.valid ? 'newStyleClass' : ''}" /> 

아무도 도와 줄 수 있습니까?

미리 감사드립니다.

Answer 1

jQuery를 사용하여 작은 JS 스크립트를 작성하거나 <rich:jQuery>을 사용할 수 있습니다.