ReactJS cellTemplate 사용법 문의 및 헤더 병합문의
페이지 정보
작성자 토끼바람 작성일 2021-08-24 19:07 조회 2,650회 댓글 1건본문
관련링크
1. cellTemplate 사용 혹은 formatItem 에서 각 셀 별로 숫자 / 문자 / 날짜로 포멧을 각각 줄수있는지요?
,{ binding: 'sriRate'+columnName.toLowerCase(), header: 'SRI', width: 120, allowDragging:false, cellTemplate:"${text==-999?'-':text}", format:"F1"}
CollGroup을 통해서 cellTemplate 을 위에 처럼 사용할때 다른 컬럼의 정보를 참조 할 수 없는지 문의 합니다.
formatItem 을 이용해서 하려고 했었는데 데이터의 첫행의 형식이 숫자이지만 데이터가 특정값(-999) 일때는 숫자가 아닌
문자로 표현을 해야 될 때가 있는데 formatItem 으로는 안되서요..
혹시 formatItem 으로 각각 셀별로 포멧을 따로 줄 수 있나요?
사이트에 있는샘플 소스 처럼 innerHTML로 별도로 설정하는것이 아니고 columnGroup 과 formatItem 으로 구현이 가능할까요?
2. 이전에 문의 한 내용인데 잘 안되서 다시 문의 합니다.
2-1. 체크 박스가 있는 경우 헤더 병합을 하는데 문제는 데이터를 조회 후에 헤더를 설정하는데 어느 시점에서
체크박스가 있는 헤더를 병합 해야 되는지 문의합니다.
2-2. 헤더 행의 높이를 따로 설정 해야 하는데 여기서도 데이터를 가져온 후 동적으로 헤더가 그려져서 데이터 조회
후에 각 헤더 행의 높이를 설정하고자 합니다
가능한지요? 어떻게 할 수있는지 문의 합니다.
단편적으로 해당 소스 부분만 답변해주셔서 잘 이해가 안 될 때가 있습니다.
답변의 샘플 소스가 동작이 가능한 전체 소스를 등록해주셨으면합니다. class형이 아니라 함수형으로 가능할까요?
댓글목록
GCK루시님의 댓글
GCK루시 작성일
@토끼바람님 안녕하세요 그레이프시티입니다.
유선으로 안내 드린 거와 같이 헤더 행을 데이터 조회를 하신 이후, mergeManger를 아래 코드와 같이 할당해보시길 바랍니다. 아래 코드에서 grid는 Wijmo FlexGrid의 인스턴스입니다.
//데이터 조회 이후,
(...)
[mergeManger] https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#mergemanager
감사합니다.
그레이프시티 드림