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

grid 사용시 이상현상 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS grid 사용시 이상현상

페이지 정보

작성자 violeteye 작성일 2023-10-20 11:16 조회 231회 댓글 0건
제품 버전 : wijmo 5
컨트롤 이름 : grid

본문

안녕하세요 


현재 Grid 를 사용 하고 있는데 문제점이 몇개 있어서 문의 드립니다.


그리드 에서 데이터가 많아서 스크롤을 사용하여 표현 해주고 있는데 


스크롤 이동 시 빈 셀에 이상한 데이터가 들어가서 검색 해보니


셀을 재사용 한다는 이야기를 본거 같습니다.


재사용을 안하는 방법은 없나요?


빈 셀에 다른 값이 들어가서 처리하기가 매우 곤란한 상황입니다.


그리고 


Grid 툴팁 을 사용 하려고 하는데.


헤더 부분 말고 셀의 DATA에 대한 툴팁은 따로 없나요?

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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: grid 사용시 이상현상

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

페이지 정보

작성자 GCK루시 작성일 2023-10-24 14:52 댓글 0건

본문

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


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


1. 그리드 셀 드래그 시, 빈 값에 값이 들어가는 현상

=> 문의하신 현상과 관련하여 정확한 원인 파악 및 안내드리기 위해서는 재현 가능한 샘플이 필요한 상황입니다. 관련하여 저희 쪽으로 재현 가능한 샘플을 공유해주신다면 재현 및 디버깅 후 안내드리도록 하겠습니다.


2. 셀 영역에 툴팁 설정

=> columnHeader 영역 뿐만 아니라 cell 영역에도 setToolip 메서드를 통해 툴팁을 설정해주시기 바랍니다.


아래 간단한 코드를 공유드리며 해당 코드는 열 헤더 툴팁 데모를 참고하여 작성한 코드입니다.

    render() {
        return <div className="container-fluid">
            <FlexGrid itemsSource={this.state.data} loadingRows={(s, e) => this.hdrTips.dispose()} formatItem={(s, e) => {
            if (e.panel == s.columnHeaders) {
                this.hdrTips.setTooltip(e.cell, 'this is column<br/>' +
                    '<span class="col-header">' + e.getColumn().header + '</span>');
            } else if(e.panel === s.cells){
            } this.hdrTips.setTooltip(e.cell, 'this is cell area<br/>')}}/>
        </div>;
    }


- setTooltip API 문서


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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