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

Grid 질문 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS Grid 질문

페이지 정보

작성자 장도리 작성일 2024-03-27 17:06 조회 51회 댓글 0건
제품 버전 : 5.20232.939
컨트롤 이름 : grid, input

본문

FlexGrid를 사용중이고 문의 내용은 다음과 같습니다.


우선 그리드의 내용 변경 시 cellEditEnding과 pasting으로 해당 그리드에 특정 cssClass를 적용하여 row의 색상이 변경되도록 하고 있습니다. 


첫 번째로는 범위 복사 붙여넣기가 일어나는 경우입니다.

 test

 50

 test1

 10

위의 엑셀데이터를 그리드에 붙여넣기를 하게되면 2x2의 셀에 데이터의 변경은 이루어지나 cellEditEnding이나 pasting에서 cssClass를 적용하는 로직이 적용되지 않습니다.

pasted를 사용할 경우는 첫번째 행은 적용이되나 두번째 행은 적용이 되지 않았습니다.


++ pastedCell이 맞는것 같아서 로그로 찍으면 붙여넣기한 2개의 row가 다 찍히긴하는데 cssClass가 적용이 안되더군요.

pastedCell(s,e) => {

let row = s.rows[e.row];

row.cssClass = 'update-row';

}

코드는 이렇게 되어있습니다.


혹시 다른 함수가 제공이 되는게 있는지 궁금합니다.

아니면 다른 방법을 알려주시면 감사하겠습니다.



두 번째는 날짜 형식에 관한 것입니다.


Grid에서 Date의 형식은 yyyy-mm-dd 라고 설정을 해두었다고 가정을 했을 때


위와 비슷하게 엑셀이나 다른 외부 프로그램에서 yyyy/mm/dd 의 형태로 된 날짜를 복사하여 붙여넣게 되면 yyyy/mm/dd의 형식으로 먼저 붙여넣기가 이루어지고 추후 더블클릭으로 셀 편집모드를 적용해야 해당 날짜 데이터가 yyyy-mm-dd로 변경이 됩니다.


pasting 함수로 모든 날짜형식에 대응하기에는 하드코딩이 되어버리기 때문에 붙여넣을 때 데이터를 인식해서 해당 Date Format으로 자동으로 변환해주는 로직이 있을까요?


도움 부탁드립니다.

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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: Grid 질문

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-04-02 15:26 댓글 0건

본문

안녕하세요 메시어스입니다.


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


1. 그리드에 붙여넣기 할 때, 행의 cssClass 설정

=> 해당 기능을 구현하기 위해서는 붙여넣기한 행의 인덱스 정보를 담는 변수를 설정한 뒤 pastedCell에서 해당 인덱스 정보를 가져옵니다. 그 다음 formatItem 이벤트에서 인덱스 정보에 따라 행의 cssClass를 설정해주시면 됩니다. 자세한 코드는 아래 샘플에서 확인할 수 있습니다.


2. 그리드 날짜 형식

=> 그리드의 기본 날짜 서식은 적용된 문화권 파일에 따라 변경됩니다. 기본적으로 미국식 문화권 파일이 적용되어 있습니다. 만일 붙여넣기 할 때 적용할 날짜 형식 전환에 대한 코드를 별도로 작성하고 싶지 않은 경우, 한국어 문화권 파일(wijmo.culture.ko.min.js)을 적용해보시기 바랍니다. 


샘플에서 날짜 데이터가 설정된 셀에 yyyy/mm/dd 형식의 데이터를 붙여넣어도 자동으로 yyyy-mm-dd 변경됩니다. 관련하여 아래 도움말 문서 및 데모를 참고하여 주시기 바랍니다.


- 세계화/지역화 도움말 문서

- 날짜 및 숫자 서식 데모





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


감사합니다.

메시어스 드림 

댓글목록

등록된 댓글이 없습니다.

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