SYIDAX / DATA GRID
편집 이력
셀 편집을 되돌리거나 다시 적용합니다.
편집 이력샘플 주문 데이터
120 rowsGrid를 불러오는 중입니다…
옵션
아래 항목을 바꾸면 Grid와 코드에 바로 반영됩니다.
최근 결과
수량 셀을 편집하고 Enter로 확정하세요. 편집 전후 값을 기억해 두세요.
코드 보기
현재 미리보기
코드에 포함된 샘플 데이터 · 6행
사용 가이드
#실수로 바꾼 주문 수량을 이전 값으로 되돌리거나, 되돌린 편집을 다시 적용할 때 사용합니다.
직접 해보기
- 편집 이력 만들기
수량 셀을 편집하고 Enter로 확정하세요. 편집 전후 값을 기억해 두세요.
- 실행 취소
표 위 실행 취소를 누르면 이전 값으로 돌아갑니다. 되돌릴 편집이 없으면 버튼이 비활성화됩니다.
- 다시 실행
다시 실행을 눌러 방금 되돌린 편집을 재적용하세요. 합계도 해당 수량에 맞춰 바뀝니다.
확인할 결과
같은 주문의 이전 값과 변경 값을 오가며 undo()·redo() 처리 결과를 확인할 수 있습니다.
새 편집이나 초기화는 이력에 영향을 줍니다. 이 기능은 이미 저장한 서버 데이터까지 자동으로 되돌리는 작업이 아닙니다.
알아두면 쉬운 용어
- undo / redo
- 마지막 편집을 되돌리기 / 되돌린 편집을 다시 적용하기입니다.
- getUndoRedoDepth
- 되돌리기와 다시 실행에 남아 있는 이력 수를 읽습니다.
핵심 API 예시
등록된 Grid 요소를 grid로 참조하는 앱 코드입니다.
await grid.undo();
await grid.redo();
console.log(await grid.getUndoRedoDepth());API reference
#이벤트1
| 이벤트 | detail 타입 | 설명 |
|---|---|---|
GridHistoryChangedDetail | Fires 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. |
EXPLORE CAPABILITIES
기능별로 자세히 살펴보기
기능별 사용 상황과 설정 방법을 살펴보세요. 직접 체험하는 예제와 앱에서 연결하는 기능을 각 가이드에 안내합니다.