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

columngroups, FlexGridCellTemplate, Selector 동시 사용 문의 > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

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

Wijmo

Q&A | 토론

ReactJS columngroups, FlexGridCellTemplate, Selector 동시 사용 문의

페이지 정보

작성자 뀨르르
프로필 보기 쪽지 보내기
작성일 2023-01-12 16:27 조회 1,389회 댓글 3건
제품 버전 : 5.20202.699
컨트롤 이름 : Flexgrid

본문

안녕하세요.

현재 개발된 화면이

columngroups와 FlexGridCellTemplate을 동시 사용 중입니다.

간략히 예를 들자면

현재 소스 형태가 아래와 같습니다.

<FlexGrid

columnGroups={columnconfigs}

...

>

<FlexGridCellTemplate

cellType="RowHeader"

template{{ctx) => {

return(

<button ...></button>

)

}

...

>

</FlexGrid>


0번째 Column인 RowHeader에 FlexGridCellTemplate 을 사용중이고

1번째 Column에 Selector 를 추가하려고 합니다.

columnGroups를 사용하면서 FlexGridCellTemplate,Selector를 같이 사용하기 위한

방법 안내 부탁드립니다.

감사합니다.

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

댓글목록

GCK다이애나님의 댓글

GCK다이애나
프로필 보기 쪽지 보내기
작성일

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

0번째 Column인 RowHeader에 FlexGridCellTemplate 속성을 적용하고 1번째 Column에 Selector 를 추가하는 방법에 대한 말씀은, columnGroups 속성이 지정된 그리드에 대하여 행 헤더를 나타내는 열에는 cellTemplate 속성을, 행 헤더 열의 우측에 위치한 열에는 Selector 컨트롤을 적용하는 방법에 대한 말씀으로 이해하면 될까요?

정확한 답변을 드리기 위해 요청 드리며 확인 후, 회신하여 주시기 바랍니다.

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

GCK루시님의 댓글

GCK루시
프로필 보기 쪽지 보내기
작성일

@뀨르르님 안녕하세요 그레이프시티입니다.

현재 해당 문의와 관련하여 본사 개발팀과 확인 중에 있습니다. 
업데이트 되는 대로 안내 드리도록 하겠습니다.

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

4 답변

ReactJS Re: columngroups, FlexGridCellTemplate, Selector 동시 사용 문의

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2023-01-18 17:07 댓글 3건

본문

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


먼저 답변이 지연된 점 죄송합니다.

열 그룹과 함께 FlexGridCellTemplate 및 Selector를 설정하여 구현한 샘플을 공유 드리오니 참고 부탁 드립니다.



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


감사합니다.

그레이프시티 드림 

댓글목록

뀨르르님의 댓글

뀨르르
프로필 보기 쪽지 보내기
작성일

안녕하세요. 
소스 적용할 때 오류가 나서 재문의드립니다.
소스 수정 URL : wijmo FlexGridCellTemplate, columnGroup. Selector (forked) - CodeSandbox
공유해주신 샘플에서 저희가 구현하고자 하는 기능으로 수정하였으나 오류가 납니다.

수정 사항: FlexGridCellTemplate의 cellType을 "RowHeader"로 하고
template에 버튼을 넣음

체크 박스 클릭시  다음과 같은 오류가 납니다. Failed to execute 'removeChild' on 'Node' : The node to be romoved is not a child of this node. 
확인 부탁드립니다.
감사합니다.

GCK루시님의 댓글의 댓글

GCK루시
프로필 보기 쪽지 보내기
작성일

뀨르르님, 안녕하세요 그레이프시티입니다.

문의하신 이슈를 본사 개발팀에게 확인 요청 드렸으며 업데이트 되는대로 안내 드리도록 하겠습니다.
불편을 끼친 점 죄송합니다.

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

GCK루시님의 댓글의 댓글

GCK루시
프로필 보기 쪽지 보내기
작성일

뀨르르님, 안녕하세요 그레이프시티입니다.

현재 문의와 관련하여 추가적으로 확인 중에 있으며 확인이 마무리되는 대로 안내 드리도록 하겠습니다. 답변이 지연되는 점 죄송합니다.

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

ReactJS Re: columngroups, FlexGridCellTemplate, Selector 동시 사용 문의

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

페이지 정보

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

본문

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


문의하신 이슈와 관련하여 React 17버전에서 Selector와 FlexGridCellTemplate을 동시에 사용하여 RowaHeader에 설정할 경우, DOM 변경으로 인해 해당 이슈가 발생되고 있는 것으로 확인 및 본사 개발팀에 리포트 되었습니다. 따라서 이전에 안내드린 샘플 혹은 row header에 Selector 클래스를 사용하지 않고 체크박스를 설정하는 샘플을 공유드리오니 해당 샘플 방법을 이용해주시기 바랍니다. 


 


헤당 이슈와 관련하여 별도 업데이트가 있는 경우, 안내 드릴 수 있도록 하겠습니다.

불편함을 드려 죄송합니다.


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


감사합니다.

그레이프시티 드림

댓글목록

뀨르르님의 댓글

뀨르르
프로필 보기 쪽지 보내기
작성일

답변 감사합니다.
grid 왼쪽 상단을 merge시키려고 하는데 어떻게 해야 할까요?
버튼 있는 0번 열이랑 체크 박스 있는 1번 열을 각각 merge 시키고 싶습니다.

ReactJS Re: columngroups, FlexGridCellTemplate, Selector 동시 사용 문의

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2023-03-08 11:17 댓글 1건

본문

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


문의하신 그리드의 TopLeft 영역을 병합하고 싶으신 경우, wijmo.grid.MergeManager 클래스를 확장하여 사용자 정의 클래스를 정의하신 뒤, 그리드의 mergeManager 속성에 할당하시면 됩니다. 아래 샘플을 공유 드리오니 자세한 코드는 샘플에서 확인하시길 바랍니다.



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


감사합니다.

그레이프시티 드림

댓글목록

뀨르르님의 댓글

뀨르르
프로필 보기 쪽지 보내기
작성일

안녕하세요.
이전 답변 샘플에 wijmo FlexGridCellTemplate - modified sample_updated - CodeSandbox  적용하려니 잘 안되는데 이 샘플 기준으로 알려주실 수 있나요?
감사합니다.

ReactJS Re: columngroups, FlexGridCellTemplate, Selector 동시 사용 문의

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2023-03-10 10:00 댓글 0건

본문

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


샘플에서 FlexGridCellTemplate에서 TopLeft 영역의 checkbox를 2개 행 모두 각각 생성한 뒤, 병합 처리해주시기 바랍니다. 자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.



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


감사합니다.

그레이프시티 드림


댓글목록

등록된 댓글이 없습니다.

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

카테고리

인기글

더보기

최신글

더보기

셀럽

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