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

React wijmo cell / celledit > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS React wijmo cell / celledit

페이지 정보

작성자 포플러나무 작성일 2023-01-16 01:57 조회 740회 댓글 1건
제품 버전 : .

본문

안녕하세요. 지금 현재 들어오는 데이터가 true /false가 아닌 YN 타입의 데이터로 들어오고 있습니다. 

그리드에서 Cell/Celleidt를 및 inputBox를 사용하여 Y/N type의 데이터를 collectionView를 사용하여 celledited 변경된 것을 추적하고 싶은데 방법이 있을까요? 

이 방식을 사용해서 Cell을 추적하려니 Celltype이 CellEdit가 아니라서 추적이 안되고, 

<FlexGridCellTemplate cellType="Cell" template={(context) => { return <input type="checkbox" checked= { context.item.USE === "Y"} onChange={(e) => { context.item.USE = e.target.checked? 'Y' : 'N'; }} /> }} />


강제로 Cell에서 USE값을 변경시키려고 했지만 변경이 안됩니다. 


데이터는 StringType(Y,N)이지만 Column명에 type을 붙여주어 자동적으로 그리드의 체크박스가 true/false가  아닌 Y/N이 되게 하는 방법은 없을까요? 


다른 방법은 cellType이 Cell이 아닌 CellEdit가 클릭하지 않고 그냥 표면에 나오게 하는 방법도 있을것 같습니다,,,


제가 제시한 방법들이 다 될까요? 아니면 다른 방법, YN타입을 boolean타입으로 바로 converter할 수 있는 가이드를 주시면 감사하겠습니다. 

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

댓글목록

GCK루시님의 댓글

GCK루시 작성일

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

해당 문의는 현재 확인 중에 있으며 업데이트 되는 대로 안내 드리도록 하겠습니다.

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

1 답변

ReactJS Re: React wijmo cell / celledit

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

페이지 정보

작성자 GCK루시 작성일 2023-01-18 18:04 댓글 0건

본문

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


먼저 답변이 지연되어 죄송합니다.


해당 기능을 구현하기 위해서는 CollectionView의 지정한 항목의 편집 트랙재션을 시작하는 editItem 메서드를 사용하여 항목을 편집하셔야 합니다. 더불어 문자열 기반으로 체크박스 상태를 업데이트 하기 위해 CellTemplate를 사용하여 CollectionView를 표시해주고 FlexGrid의 Click 이벤트를 통해 문자열을 업데이트 해주시면 됩니다. 


자세한 코드는 아래 샘플에서 확인하실 수 있습니다.


 

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

- editItem 

- commitEdit


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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