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

중첩된 그리드(RowDetail) 관련 문의입니다. > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS 중첩된 그리드(RowDetail) 관련 문의입니다.

페이지 정보

작성자 개발자1 작성일 2021-08-30 11:03 조회 2,398회 댓글 0건
제품 버전 : ^5.20201.664
컨트롤 이름 : 중첩된 그리드(RowDetail)

본문

저희는 현재 중첩된 그리드(RowDetail)를 이용해서 '3중첩' 화면을 개발하고 있습니다.


바깥쪽부터 각각 lv1, lv2, lv3 그리드라고 지칭한다면,

property로 존재하는 maxHeight를 설정하지 않을 경우

lv2 그리드는 본인의 크기대로 펼쳐집니다.


여기서 lv3 그리드를 펼칠 때, 기존에 펼쳐진 lv2 그리드의 영역이 작을 경우,

lv3 그리드는 거의 보이지 않는 공간에서 스크롤로 이용해야 합니다.


제가 궁금한 것은 lv2 그리드 영역의 minHeight나 height을 설정하는 방법입니다.

답변 부탁드립니다.


사진1. lv2 그리드의 인스턴스가 많아서, lv2 영역이 크게 생성될 경우에는 lv3 그리드를 사용하는데 크게 문제는 없음. 


 

사진2. lv2 그리드의 인스턴스가 적어서, lv2 영역이 작게 생성될 경우에는 lv3 그리드는 사용할 수 없음.


 

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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: 중첩된 그리드(RowDetail) 관련 문의입니다.

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

페이지 정보

작성자 GCK루시 작성일 2021-08-30 17:47 댓글 0건

본문

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


문의 주신 중첩된 그리드의 높이 설정과 관련하여 초기화 이벤트에서 element 요소의 클래스를 추가할 수 있는 addClass 메서드를 이용하여 그리드의 hostElement에 클래스 추가 후, 해당 클래스의 높이를 설정해주시길 바랍니다.

app.js

initGrid(grid) {
     wjCore.addClass(grid.hostElement,"detail-1");
 }
render() {
     return <div className="container-fluid">
          <FlexGrid itemsSource={this.state.categories} isReadOnly>
            (...)
            <FlexGridDetail template={ctx => <FlexGrid autoGenerateColumns={false} isReadOnly itemsSource={this.getProducts(ctx.item.CategoryID)} initialized={s => this.initGrid(s)}>
                      

style.css

.detail-1{
  height: 100px !important;
}


[addClass]

https://demo.grapecity.co.kr/wijmo/api/index.html#addclass


다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 


감사합니다. 

그레이프시티 드림 


* 그레이프시티(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.