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

그리드 drill down > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
MESCIUS 카카오톡 채널 추가
메시어스 +
카카오톡 채널 추가를 통해 MESCIUS의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이스북 링크 유튜브 링크

Wijmo

Q&A | 토론 - PureJS

PureJS 그리드 drill down

페이지 정보

작성자 팬더곰
프로필 보기 쪽지 보내기
작성일 2023-06-09 13:21 조회 342회 댓글 0건
제품 버전 : 5.20221.857
컨트롤 이름 : FlexGrid

본문

안녕하세요.


1. 그리드 drill down이 가능한지요? 

   한 셀의 + 버튼을 클릭하면 그 하위의 데이터 및 컬럼이 추가되는 구조입니다.


   만약, 가능하면 어떻게 구현하면 되는지 문의드립니다.


 columnA

 columnB

 (+) WA001

 100

 (+) WA002

 200

 

 


 첫번째  셀 '(+)WA001' 에서 + 버튼 클릭 하면 

columnA-1 컬럼이 추가되고, 서버에서  WA001-1, WA001-12 데이터를 조회하여 아래와 같이 나오게 하고 싶습니다.


 columnA

 columnA -1

 columnB

 (-) WA001

 

 100

 

 (+) WA001-1

 80

 

 (+) WA001-2

 20



2. 그룹패널에서 데이터가 조회되면 default로 특정 컬럼을 그룹패널에 넣고 패널에서 삭제가 안되도록 할수 있는지요?


감사합니다.

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

댓글목록

등록된 댓글이 없습니다.

3 답변

PureJS Re: 그리드 drill down

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2023-06-09 17:26 댓글 1건

본문

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


문의하신 내용에 대해 답변 드립니다.


1. 상세 그리드 문의

=> 기능과 관련된 Wijmo 중첩된 그리드 데모를 공유 드리오니 확인 부탁드립니다.

- 중첩된 그리드 데모


2. 그룹 패널에 특정 컬럼을 초기 설정 및 삭제 방지

=> 해당 기능을 구현하기 위해서는 CollectionView의 groupDescriptions 속성에 객체 추가하여 초기 설정 후, 그룹 패널의 x(삭제 아이콘)을 CSS를 통해 제거해주시면 삭제 방지 처리하실 수 있습니다.


JS

var view = new wijmo.collections.CollectionView(getData(),{
    groupDescriptions:["id"]
  })

//그룹 패널 그리드 생성
var theGrid = new wijmo.grid.FlexGrid('#theGrid', {
    itemsSource: view
  });


CSS

.wj-remove {
  display: none !important;
}


- groupDescriptions API 문서


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


감사합니다.

그레이프시티 드림

댓글목록

팬더곰님의 댓글

팬더곰
프로필 보기 쪽지 보내기
작성일

상세 그리드하고   다른 형태입니다.
각 셀에 (+) 버튼이 있고,  (+) 버튼을 클릭하면 서버에서 데이터를 읽어와 그 셀 아래에 해당 내용을 보여주는 형태입니다.  



PureJS Re: 그리드 drill down

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2023-06-12 16:12 댓글 1건

본문

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


문의하신 내용과 관련하여 이미지 파일 또는 텍스트 편집기 상단의 있는 표 기능을 이용하여 원하는 결과 화면에 대해 공유 부탁드립니다.


<표 기능>

1a43c737bf9566d6c2f669c2d0663c80_1686200524_2864.png


번거로우시겠지만 정확한 답변을 위해 요청드리오니 확인 후 회신주시면 감사드리겠습니다.


감사합니다. 

그레이프시티 드림

댓글목록

팬더곰님의 댓글

팬더곰
프로필 보기 쪽지 보내기
작성일

질문에 관련 요청하신 내용 추가했습니다.

PureJS Re: 그리드 drill down

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2023-06-14 15:18 댓글 0건

본문

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


문의하신 그리드 drill down 기능에 대해서 안내 드립니다.


FlexGrid의 하위 childItemsPath 속성을 사용하여 유사한 기능을 구현할 수 있으며 이를 위해 FlexGrid 클래스의 groupCollapsedChanged 및 groupCollapsedChangedChanging 이벤트를 이용하여 하위 열 추가 및 제거를 동적으로 제어해야 합니다.


다만 '+'(확장) '-'(축소) 아이콘을 배치할 위치를 모든 시나리오에서 제어 및 사용자 정의를 할 수 없어 각 하위 열에 표시되지 않고 첫 번째 열에 있는 셀에 표시하였으며 이 점 참고 부탁드립니다.


아래 샘플을 공유 드리오니 참고 부탁드립니다.


- childItemsPath API 문서

- groupCollapsedChanged API 문서

- groupCollapsedChaning API 문서


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


감사합니다.

그레이프시티 드림


댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

카테고리

인기글

더보기

최신글

더보기

셀럽

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