2012-06-15 2 views
1

부서의 로그 아웃/아웃 테이블을 표시하기위한 테이블을 만들었습니다. 이름, 날짜가 정렬됩니다. 수시로 (일부 체크인 및 체크 아웃 이후에) 책 수를 확인하여 책 수를 확인할 수 있습니다 (그리고 수는 수정 됨).JSP로 테이블을 멋지게 분할하는 방법

현재 이름, 날짜순으로 정렬 된 모든 책을 표시하는 테이블이 있습니다. 그러나 많은 행이 있기 때문에이 유형의 책이 인벤토리 조사되었을 때 접을 수있는 섹션을 원하기를 바랬습니다.

이 원하는 :

Name | Date | Count | Action 
----------------------------- 
- First Foo Section - 
Foo SomeD  +3 check-in 
Foo SomeD  -1 check-out 
Foo SomeD  5  inventoried 
+ Another Foo Section 
+ Bar Section 

현재 코드 :

<c:forEach var='item' items='${bookLogs}'> 
      <tr> 
       <td>${f:replaceNewLineWithBR(f:escapeHtml(item.name))}</td> 
       <td><c:out value='${item.date.formattedValue}'/></td> 
       <td>${f:replaceNewLineWithBR(f:escapeHtml(item.count))}</td> 
       <td>${f:replaceNewLineWithBR(f:escapeHtml(item.actionType))}</td> 
      </tr> 
    </c:forEach> 

내가 item.actionType에서 테스트를해야합니까? 아니면 테이블의 여러 접는 섹션에 대한 목록 목록으로 bookLogs를 전달해야합니까?

+0

[http://stackoverflow.com/questions/801082/how-to-implement-collapsible-table-rows-in-javascript][1] 당신은 중복 된 질문은 당신을시키는 한 알고있다. [1] : http://stackoverflow.com/questions/801082/how-to-implement-collapsible-table-rows-in-javascript – wizage

답변

4

내 의견은 귀하의 질문에 대답하지 않았지만 여기에 http://www.a2ztechguide.com/2011/07/javascript-expand-collapse-table-rows.html하는 방법에 대한 자습서입니다.

저는 오래 전이 데이터베이스를 사용해 왔지만 현재 xml을 사용하고 있으며 필요한 것을 표시하는 것은 재미 있지 않습니다.

위의 링크는 훌륭한 작업이며 javascript를 사용하여 확장 및 축소하는 방법을 설명합니다. 위의 코드는 바른 길 위에 있었지만 아직은 그렇지 않았습니다.

+0

올바른 방향으로 나아가는 단계이지만, 섹션이 필요합니다. 동적으로 생성되고 bookLogs 당 얼마나 많은 섹션이 필요한지 알 수 없습니다. – Ace

+0

서버가 섹션의 값을 갖도록 각 섹션을 정의하십시오. ' Row1'및 서버는 섹션 이름이 무엇인지 섹션 이름을 바꿀 것입니다. 그러면 자바 스크립트가 모든 섹션 이름을 찾은 다음 그룹으로 연결 한 다음 그룹을 숨길 수 있습니다. – wizage

+0

필요한 것입니까? – wizage