Richfaces Javascript가 실행되지 않음

Question

Ricfaces를 사용하여 렌더링 된 테이블의 현재 선택된 행을 강조 표시하려고했지만 작동하지 않습니다. 여기에 내 코드입니다 :

facelet :

<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
xmlns:c="http://java.sun.com/jsp/jstl/core" 
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:f="http://java.sun.com/jsf/core" 
xmlns:ui="http://java.sun.com/jsf/facelets" 
xmlns:a4j="http://richfaces.org/a4j" 
xmlns:rich="http://richfaces.org/rich" template="templates/main.xhtml"> 

<ui:define name="body"> 
    <h:form> 
     <fieldset> 
      <legend> 
       <h:outputText value="#{msg['result.legend']}" /> 
      </legend> 

      <rich:dataTable id="resultTable" onRowMouseOver="this.style.backgroundColor='#f1f1f1'" 
       onRowMouseOut="this.style.backgroundColor=''" 
       value="#{searchController.result}" var="row"> 
       <c:forEach items="${searchController.headers}" var="headr" 
        varStatus="status"> 
        <rich:column> 
         <f:facet name="header"> 
          <h:outputText value="#{headr}" /> 
         </f:facet> 
         <h:outputText value="#{row[status.count-1]}" /> 
        </rich:column> 
       </c:forEach> 
      </rich:dataTable> 

     </fieldset> 
    </h:form> 
</ui:define> 

나는 문제가 전체 템플릿 (main.xhtml) 소스 코드를 붙여 넣기를 보내고 있습니다. 이것은 시간의 내용이다 : (단지 왜 :-) 발견) body 태그 :

<rich:panel styleClass="mainPanel"> 
    <ui:include src="../common/header.xhtml"></ui:include> 
    <ui:insert name="body"></ui:insert> 
</rich:panel> 

치어 종속성 :

searchController.headers이 목록 < 문자열입니다

<dependencyManagement> 
    <dependencies> 
     <dependency> 
      <groupId>org.richfaces</groupId> 
      <artifactId>richfaces-bom</artifactId> 
      <version>4.2.2.Final</version> 
      <scope>import</scope> 
      <type>pom</type> 
     </dependency> 
    </dependencies> 
</dependencyManagement> 

<dependencies> 

    <dependency> 
     <groupId>junit</groupId> 
     <artifactId>junit</artifactId> 
     <version>4.9</version> 
     <scope>test</scope> 
    </dependency> 

    <dependency> 
     <groupId>org.hamcrest</groupId> 
     <artifactId>hamcrest-all</artifactId> 
     <version>1.1</version> 
    </dependency> 

    <dependency> 
     <groupId>log4j</groupId> 
     <artifactId>log4j</artifactId> 
     <version>1.2.17</version> 
    </dependency> 

    <dependency> 
     <groupId>org.richfaces.ui</groupId> 
     <artifactId>richfaces-components-ui</artifactId> 
    </dependency> 
    <dependency> 
     <groupId>org.richfaces.core</groupId> 
     <artifactId>richfaces-core-impl</artifactId> 
    </dependency> 
    <!--dependency> <groupId>javax.faces</groupId> <artifactId>javax.faces-api</artifactId> 
     </dependency --> 
    <dependency> 
     <groupId>com.sun.faces</groupId> 
     <artifactId>jsf-api</artifactId> 
    </dependency> 
    <dependency> 
     <groupId>com.sun.faces</groupId> 
     <artifactId>jsf-impl</artifactId> 
    </dependency> 
    <dependency> 
     <groupId>com.sun.facelets</groupId> 
     <artifactId>jsf-facelets</artifactId> 
     <version>1.1.14</version> 
    </dependency> 
    <dependency> 
     <groupId>jstl</groupId> 
     <artifactId>jstl</artifactId> 
     <version>1.2</version> 
    </dependency> 
</dependencies> 

>와 searchController.result 목록입니다 < 목록 < 문자열 >>. 테이블 자체가 올바르게 렌더링됩니다.

무엇이 여기에 있습니까?

나는 Richands 4.2.2.Final을 사용하여 Eclipse Indigo에서 개발 중입니다.

Answer 1

참으로이 질문은 richfaces가 plain jsf와는 조금 다른 점을 다루기 때문에 중복되지 않습니다.

function mouseOutRichRow(row) { 
    if (row.highlight != true) { 
     row.style.backgroundColor=row.oldColor; 
    } 
} 
function mouseOverRichRow(row) { 
    if (row.highlight != true) { 
     row.oldColor=row.style.backgroundColor; 
     row.style.backgroundColor='#FFFF8A'; 
    } 
} 

그들은이 onRowMouse-이벤트에 바인딩 :

는 그 작업에 대한 내 응용 프로그램에서 두 JS 함수를 생성

사실

<rich:dataTable 
    onRowMouseOver="mouseOverRichRow(this);" 
    onRowMouseOut="mouseOutRichRow(this);" 
    ....> 

, Luiggi 멘도사의 의견이 잘못 - Richfaces 적용 각 행에 해당 매개 변수가 있으므로 this에 올바른 범위가 있습니다.

편집 :이 여전히 작동하지 않으면이 , c:forEach을 사용하지보십시오. 이것은 오래된 jsp-way이며 jsf-lifecycle과 잘 작동하지 않습니다. 대신 ui:repeat 또는 a4j:repeat을 사용하십시오.