! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

TreeGrid에서 전체 펼치기 접기 기능 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS TreeGrid에서 전체 펼치기 접기 기능

페이지 정보

작성자 토끼바람 작성일 2022-04-13 15:35 조회 2,355회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : FlexGrid

본문

안녕하세요


이번 프로젝트에서 메뉴 관리를  Tree형태와 동일하게 전체 표시 방식을 사용하고자 합니다.

하여 해당 기능에 대한 처리를 할 수 잇는 방법에 대해서 문의 합니다.


TreeGrid에서 전체 접기, 전체 펼치기 기능이 있는지

혹은 기능을 어떻게 구현해야 하는지 문의합니다.


TreeView에서는 기능이 있던데 TreeGrid에서는 해당 기능에 대한 샘플을 찾을 수가 없어서요


감사합니다.




  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: TreeGrid에서 전체 펼치기 접기 기능

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2022-04-14 10:58 댓글 0건

본문

안녕하세요 그레이프시티입니다.


문의 주신 내용에 답변 드립니다.

각각의 트리 그리드 그룹 행의 축소/확장을 위해서 모든 그룹 행을 지정된 레벨로 축소시키는 collapseGroupsToLevel 메서드를 사용하시면 되십니다.

1. 트리 그리드 그룹 전체 닫기

collapseGroupsToLevel 지정된 레벨을 0으로 설정하면 모든 그룹 행이 축소됩니다.

grid.collapseGroupsToLevel(0) 

자세한 설명은 아래 포럼 답변글에서 확인 가능하십니다.

- 그리드 그룹 : https://dev.grapecity.co.kr/bbs/board.php?bo_table=wijmo_qna&wr_id=666


2. 트리 그리드 그룹 전체 열기

반대로 그리드의 최대 그룹 레벨을 가져오는 maxGroupLevel에서 1을 더해 모든 그룹 행이 확장될 수 있도록 아래 코드와 같이 설정하시면 모든 그룹 행이 펼쳐지는 것을 확인하실 수 있습니다.

grid.collapseGroupsToLevel(grid.rows.maxGroupLevel+1)

- maxGroupLevel : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.rowcollection.html#maxgrouplevel


도움말 문서를 같이 전달 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 


감사합니다. 

그레이프시티 드림 


* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.