SYIDAX / DATA GRID

편집 이력

셀 편집을 되돌리거나 다시 적용합니다.

시작하기
편집 이력샘플 주문 데이터
120 rows
Grid를 불러오는 중입니다…

옵션

아래 항목을 바꾸면 Grid와 코드에 바로 반영됩니다.

최근 결과

수량 셀을 편집하고 Enter로 확정하세요. 편집 전후 값을 기억해 두세요.

코드 보기
현재 미리보기

사용 가이드

#

실수로 바꾼 주문 수량을 이전 값으로 되돌리거나, 되돌린 편집을 다시 적용할 때 사용합니다.

직접 해보기

  1. 편집 이력 만들기

    수량 셀을 편집하고 Enter로 확정하세요. 편집 전후 값을 기억해 두세요.

  2. 실행 취소

    표 위 실행 취소를 누르면 이전 값으로 돌아갑니다. 되돌릴 편집이 없으면 버튼이 비활성화됩니다.

  3. 다시 실행

    다시 실행을 눌러 방금 되돌린 편집을 재적용하세요. 합계도 해당 수량에 맞춰 바뀝니다.

확인할 결과

같은 주문의 이전 값과 변경 값을 오가며 undo()·redo() 처리 결과를 확인할 수 있습니다.

새 편집이나 초기화는 이력에 영향을 줍니다. 이 기능은 이미 저장한 서버 데이터까지 자동으로 되돌리는 작업이 아닙니다.

알아두면 쉬운 용어

undo / redo
마지막 편집을 되돌리기 / 되돌린 편집을 다시 적용하기입니다.
getUndoRedoDepth
되돌리기와 다시 실행에 남아 있는 이력 수를 읽습니다.

핵심 API 예시

등록된 Grid 요소를 grid로 참조하는 앱 코드입니다.

await grid.undo();
await grid.redo();
console.log(await grid.getUndoRedoDepth());

API reference

#

이벤트1
이벤트detail 타입설명
GridHistoryChangedDetailFires when the undo/redo stack mutates.
메서드4
메서드 / 인수반환 타입설명
Promise<boolean>Undo the most recent recorded transaction.
Promise<boolean>Redo the most recently undone transaction.
Promise<void>Clear undo and redo history.
Promise<{ undo: number; redo: number }>Read the current undo and redo stack depths.