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

같은 레벨의 GroupRow 사용시 하단 내용 열리는 부분 설정 > Q&A | 토론

본문 바로가기

PureJS 같은 레벨의 GroupRow 사용시 하단 내용 열리는 부분 설정

페이지 정보

작성자 dounur 작성일 2023-07-21 14:09 조회 604회 댓글 0건
제품 버전 : wijmo
컨트롤 이름 : GroupRow

본문

GroupRow를 설정해서 사용하고 있는데요 

추가로 GroupRow를 넣은 후에(같은 레벨로 설정함) 그룹된 항목이 열리는 부분이 맨 마지막에 추가된 부분에 열리고 닫히는데요 이걸 제일 위쪽에서 열리고 닫힐수 있는지 문의 드립니다.


예를 들면

현재 아래와 같이 나오고 있는데요


1) 열렸을때

항목                             value

A (3items) aaa               2

A (3items) bbb               3

=>A (3items) ccc            4

                  aaa              2

                  bbb             3

                  ccc              4

2) 닫혔을때

항목                             value

A (3items) aaa               2

A (3items) bbb               3

=>A (3items) ccc            4



ccc항목에 열리고 닫히는게 아닌 aaa항목에 열리고 닫히게 될 수 있는 방법 문의 드립니다.


1) 열렸을때

항목                             value

=>A (3items) aaa           2

A (3items) bbb              3

A (3items) ccc               4

                  aaa              2

                  bbb             3

                  ccc              4


2) 닫혔을때

항목                             value

=>A (3items) aaa            2

A (3items) bbb               3

A (3items) ccc                4

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

댓글목록

등록된 댓글이 없습니다.

4 답변

PureJS Re: 같은 레벨의 GroupRow 사용시 하단 내용 열리는 부분 설정

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

페이지 정보

작성자 GCK루시 작성일 2023-07-21 16:15 댓글 1건

본문

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


문의하신 내용에 대해서 정확한 안내를 위해 확인 요청드립니다.


아래와 같이 기본 그룹화가 적용된 그리드가 있으며 computers 그룹 행을 클릭 시 선택한 그룹행 바로 아래에 하위 행들이 나타나게 됩니다. 


708b602174b8adecba85a0dc5071a247_1689923579_7445.png
708b602174b8adecba85a0dc5071a247_1689923605_0731.png
 

원하시는 기능은  computers 그룹 행을 클릭하여 expand 시, 하위 행들이 빨간 도형 아래(stereos 그룹 행 하단)에 표시되도록 구현하고 싶다는 맞으실까요?


708b602174b8adecba85a0dc5071a247_1689923699_8637.png


정확한 답변을 드리기 위해 확인 요청 드리오니 확인 후 회신주시면 감사드리겠습니다.


감사합니다.

그레이프시티 드림 

댓글목록

dounur님의 댓글

dounur 작성일


글로 표현하기 약간 어려운 부분이 있긴 한데요
위에 나온 항목을 예시로 들면 아래와 같습니다.
Contry: Germany(34 items)   Computers
                                                   Stereos
이 부분에  
                                              Computers
                                               Stereos 
예전에 가이드 해 주셨던 https://codepen.io/GrapeCity-Korea/pen/abQdpKK?editors=0010
이것과 비슷한데 최 상단부분을 빼고 같은 레벨로 항목을 추가 했더니 맨 아래 부분에 붙어서요 가장 위에 부분에 붙게 할 수 있는 방법 문의 드리는 것입니다.

PureJS Re: 같은 레벨의 GroupRow 사용시 하단 내용 열리는 부분 설정

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

페이지 정보

작성자 GCK루시 작성일 2023-07-25 09:39 댓글 2건

본문

첨부파일

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


유선으로 정리했던 내용 PPT로 공유 드립니다. 

확인 부탁드리며 혹시 수정 사항이 있는 경우, 수정 후 회신 부탁드립니다.


 감사합니다.

그레이프시티 드림

댓글목록

dounur님의 댓글

dounur 작성일

네 이렇게 구현이 되면 될 것 같습니다.
답변 감사합니다.

GCK루시님의 댓글의 댓글

GCK루시 작성일

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

확인 감사드리며 해당 문의 관련하여 확인 후 안내 드릴 수 있도록 하겠습니다.

감사합니다.
그레이프시티 드림

PureJS Re: 같은 레벨의 GroupRow 사용시 하단 내용 열리는 부분 설정

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

페이지 정보

작성자 GCK루시 작성일 2023-08-03 14:58 댓글 2건

본문

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


먼저 답변이 지연되어 죄송합니다.


문의하신 그리드의 소계 행을 별도 행으로 구별하기 위해서는 formatItem을 이용하시면 됩니다. 


다만 그리드의 expand/collapse 시, 소계 행을 유지하기 위해서는 기본 expand/collapse 작업을 취소하고 수동으로 필요한 행만 숨김/표시할 수 있도록 처리하셔야 합니다. 이를 위해 'groupCollapsedChanging' 이벤트를 사용하시면 되며 아래 샘플을 공유드리오니 참고 부탁드립니다.


더불어 measure의 기준이 되는 항목은 임의로 데이터에서 삭제 처리하시면 되오니 이 점 참고 부탁드립니다.


※ 열에 sorting이 적용되면 축소된 모든 열이 확장 될 수 있으며 이는 현재 FlexGrid의 설계 및 아키텍쳐로 인한 사항이므로 참고 부탁드립니다.


 


groupCollapsedChanging API 문서


관련 API 문서를 공유드리오며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

dounur님의 댓글

dounur 작성일

답변해 주셔서 감사합니다.
그런데 Product컬럼을 그룹해제하고 다른 컬럼을(id or Country) 그룹패널에 넣었을때 동작이 잘못 나오는 것 같아서 확인 부탁 드립니다.

GCK루시님의 댓글의 댓글

GCK루시 작성일

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

해당 문의가 저희 쪽에서 재현이 되어 확인 중에 있습니다. 관련하여 업데이트 되는 대로 안내드리도록 하겠습니다.

감사합니다.
그레이프시티 드림

PureJS Re: 같은 레벨의 GroupRow 사용시 하단 내용 열리는 부분 설정

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

페이지 정보

작성자 GCK루시 작성일 2023-08-09 14:55 댓글 0건

본문

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


해당 이슈를 해결하기 위해서는, addSubtotalAggregate 사용자 정의 함수 내의 조건문을 아래와 같이 변경해주시기 바랍니다.


변경 전

if (e.col === 0){


변경 후

if (e.col === s.columns.firstVisibleIndex){


- firstVisibleIndex API 문서


관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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