VueJS 셀 데이터 변경 로우 데이터 동적 업데이트
페이지 정보
작성자 슈아이거
본문
관련링크
위와 같이 상품 코드를 변경 하면 해당 상품 코드에맞는 정보를 옆에 행에 로드 하려 합니다 아래와 같이
그런데 상품 코드에 해당 하는 값을 dataMap 으로 넣었는데 변경 이벤트가 먹히지 않습니다.
셀을 변경 하면 동적으로 로우 데이터를 변경 하는 방법을 알려주시면 감사하겠습니다.
댓글목록
등록된 댓글이 없습니다.
위와 같이 상품 코드를 변경 하면 해당 상품 코드에맞는 정보를 옆에 행에 로드 하려 합니다 아래와 같이
그런데 상품 코드에 해당 하는 값을 dataMap 으로 넣었는데 변경 이벤트가 먹히지 않습니다.
셀을 변경 하면 동적으로 로우 데이터를 변경 하는 방법을 알려주시면 감사하겠습니다.
등록된 댓글이 없습니다.
안녕하세요 그레이프시티입니다.
문의하신 내용이 dataMap의 셀 값 변경 시, 동일 행의 값이 변경되도록 처리하고 싶으신 경우, FlexGrid의 cellEditEnding 이벤트를 이용하시면 됩니다. 해당 이벤트 내에서 기존 값과 새롭게 설정할 값이 다를 경우, 해당 행의 dataItem에 접근하여 특정 열의 값을 설정하시면 됩니다.
자세한 코드는 아래 샘플에서 확인하실 수 있습니다. 샘플에서 country 열의 dataMap의 값 변경 시, check 열 값이 설정되는 것을 확인하실 수 있습니다.
더불어 기재하신 제품 버전의 경우, SpreadJS로 확인되며 아래 제품 버전 확인 방법 안내 글을 공유드리오니 Wijmo 제품에 맞는 버전을 입력해주시기 바랍니다.
- 사용 중인 GrapeCity 제품 버전 확인 방법 안내
감사합니다.
그레이프시티 드림
안녕하세요 그레이프시티입니다.
문의하신 기능의 경우, 사용자가 단축키로 클립보드의 내용을 붙여넣기 할 때 발생하는 pasting 이벤트와 그리드 셀에 데이터를 입력하는 setCellData로 구현하실 수 있습니다.
아래 간단한 코드를 공유드리오니 참고 부탁드립니다.
grid.pasting.addHandler((s, e) => { var data = e.data.split(`\n`); // 클립보드 데이터 구분 for (var i = 0; i < data.length - 1; i++) { // 데이터 길이만큼 반복 if (data[i] !== "") { // 데이터가 있을 때만 grid.setCellData(e.row + i, e.col + 1, data[i] + " edited"); // 옆 셀에 데이터 입력 } } });
관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
그레이프시티 드림