2012-07-01 4 views
5

레코드 세트를 검색하고 동적 테이블 상자에 표시해야하는 대시 보드 애플리케이션에서 작업하고 있습니다. 페이지 프레임 길이가 고정되어 있습니다. 이제 열과 행을 초기화 할 수 있습니다. 현재 내가 표시 할 데이터 테이블을 사용하고JSF에서 테이블 열을 동적으로 작성하십시오.

enter image description here

그러나 그것은 하나 개의 컬럼에있는 모든 데이터를 인쇄 : 그것은이 샘플과 같아야합니다. 코드를 위의 패턴으로 변경하려면 어떻게해야합니까?

<o:dataTable id="tabBlSearch" var="item" 
    onkeyup="handleLeftRightArrowOnDataTable('frmDashBoard:tabBlSearch')" 
    value="#{bLDashBoardAction.listBondLoc}"> 
    <o:column style="width: 20px;"> 
    <h:outputText value="#{item.awb}" /> 
    </o:column> 
</o:dataTable> 

답변

11

사용 표준 JSF 성분과이를 달성 할 수 <h:panelGrid><c:forEach>이 뷰 구축 시간 동안 세포를 생성하기 위해 사용된다. <ui:repeat>은보기 렌더링 시간 동안 실행되는대로 작동하지 않습니다.

<h:panelGrid columns="5"> 
    <c:forEach items="#{bean.items}" var="item"> 
     <h:panelGroup> 
      <h:outputText value="#{item.value}" /> 
     </h:panelGroup> 
    </c:forEach> 
</h:panelGrid> 

구성 요소 라이브러리에, 나는 OpenFaces' showcase에 아무것도 표시되지 않지만, PrimeFaces도 매김 지원, 정확하게이 목적을 위해 <p:dataGrid> 있습니다.

<p:dataGrid columns="5" value="#{bean.items}" var="item"> 
    <p:column> 
     <h:outputText value="#{item.value}" /> 
    </p:column> 
</p:dataGrid> 
관련 문제