JSF 2.0의 중첩 된 데이터 테이블

Question

질문 및 관련 답변을 가져 오려고합니다. 질문을 잘 할 수 있지만 중첩 된 데이터 테이블은 각 대답에있는 속성을 인식하지 못하기 때문에 IDE에서도이를 지적합니다. 어쩌면 이것이 올바른 방법이 아닐지도 모릅니다. 각 질문과 관련된 답변을 반복하려면 어떻게합니까?

<h:dataTable value="#{questionBacking.recentlyAskedQuestions}" var="questions" 
       rendered="#{questionBacking.recentlyAskedQuestions.size() > 0}" 
       border="1"> 

       <h:column> 

        <h:outputText value="#{questions.questionTitle}" /> 

        <br/> 
        <h:outputText value="#{questions.questionBody}" /> 

       </h:column> 

       <h:dataTable value="#{questions.answers}" var="answers"> 
       <tr> 
        <h:outputText value="#{answers.answer}" /> 
       </tr> 


       </h:dataTable> 

    </h:dataTable> 

Answer 1

당신은 <h:column> 내부의 열을 넣어해야합니다.

<h:dataTable value="#{questionBacking.recentlyAskedQuestions}" var="question" rendered="#{not empty questionBacking.recentlyAskedQuestions}"> 
    <h:column> 
     <h:outputText value="#{question.questionTitle}" /> 
     <br/> 
     <h:outputText value="#{question.questionBody}" /> 
    </h:column> 
    <h:column> 
     <h:dataTable value="#{question.answers}" var="answer"> 
      <h:column> 
       <h:outputText value="#{answer.answer}" /> 
      </h:column> 
     </h:dataTable> 
    </h:column> 
</h:dataTable> 

(내가 좀 더 자기 문서화 될하기 위해 rendered과 var 속성을 변경, 당신은뿐만 아니라 있도록 각각 title, body 및 body에 questionTitle, questionBody 및 answer의 이름을 변경 할 수 있습니다 주

Answer 2

PrusFaces를 사용하여 BalusC의 답변에서 언급 한 것과 똑같은 작업을 수행 할 수 있습니다. <h:dataTable>을 <p:dataTable>으로 바꾸면 열 태그에도 동일하게 적용됩니다. PrimeFaces로 중첩 된 데이터 테이블을 생성 할 수 있습니다. PrimeFaces를 사용하는 사람들에게 사람들이 CSS 정의 작성/수정에 소요되는 시간을 줄이기를 권장합니다.