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

그리드에서 수정된 데이터 구분 처리 (수정 여부) > Q&A | 토론

본문 바로가기

VueJS 그리드에서 수정된 데이터 구분 처리 (수정 여부)

페이지 정보

작성자 일반개발자 작성일 2023-09-14 15:25 조회 320회 댓글 0건
제품 버전 : 5.20231.888

본문

Wijmo Grid를 사용하고 있습니다.


조회된 목록에서 지정된 셀을 수정하고 수정된 row에 대해서만 데이터를 저장하려고 합니다.


그렇기 때문에 해당 셀이 수정되었는지에 대해 저장 시 판단을 해야 되는데요.


CellEditEnding 이벤트를 등록하여 아래와 같이 수정전, 수정후 데이터를 받아서 처리하고 있습니다.


onCellEditEnding(flex, e) {
const oldData = flex.getCellData(e.row, e.col);
const newData = flex.activeEditor.value;
.
.
.
(중략)
}


일반 텍스트 필드에서는 수정전과 수정 후의 값들이 정상적으로 들어오는데.

true, false로 이루어진 체크박스 필드의 경우.

oldData의 값은 정상적으로 불러와지는데. 현재의 값 newData가 계속 on으로 표기되고 있습니다.

로그를 찍으면 아래와 같이 계속 나옵니다.

oldVal : true newVal : on col : 4
row : 0

체크박스 뿐만 아니라 셀렉트박스도 해당 값이 아닌 화면 텍스트를 값으로 표기해주고 있네요.

정상적인 상황이라면 newVal의 값이 false가 찍혀야 될텐데 말이죠.



질문을 정리하면 아래와 같습니다.



1. 해당 셀 또는 행에 대해 편집 여부를 알 수 있는 기능이 따로 있는지요?
아니면 위처럼 직접 구현을 하는게 맞는지요?

2. 직접 구현을 해야 된다면. 위 처럼 체크박스의 값을 제대로 읽어오지 못하는 상황에서
정상적으로 읽어올 수 있는 방법은 어떤것이 있을까요? (다른 메소드)


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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: 그리드에서 수정된 데이터 구분 처리 (수정 여부)

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

페이지 정보

작성자 GCK루시 작성일 2023-09-15 10:03 댓글 0건

본문

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


문의하신 편집 여부 체크 기능의 경우, CollectionView의 trackChanges 속성을 설정하여 그리드 추가/삭제/편집에 대해 추적할 수 있습니다. 아래 저희 데모를 공유드리오니 참고 부탁드립니다.


CollectionView의 변경 내용 추적 데모


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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