# SyGridRowDragEventDetail

SyGridRowDragEventDetail의 필드와 허용 값, 이 타입을 사용하는 API입니다.

Canonical: https://grid.syidax.com/ko/docs/types/SyGridRowDragEventDetail/

<a id="definition"></a>

## 타입 정의

물음표(?)는 선택 항목이고 readonly는 직접 변경하지 않는 값입니다. 유니온(|)은 허용된 형태 중 하나를 뜻합니다. 함수는 해당 시점에 Grid가 호출할 콜백입니다.

```typescript
export interface SyGridRowDragEventDetail {
  readonly dragId: string;
  readonly item: SyGridRowDragItem;
  readonly target: SyGridRowDragTarget | null;
  readonly insertionIndex: number | null;
  readonly stale?: boolean;
  readonly keyboard: boolean;
}
```

<a id="used-by"></a>

## 이 타입을 사용하는 API

- [rowDragEnter](https://grid.syidax.com/ko/docs/events/rowDragEnter.md) — 행 드래그가 대상 영역에 진입했을 때 발생합니다.
- [rowDragMove](https://grid.syidax.com/ko/docs/events/rowDragMove.md) — 행 드래그가 이동 중일 때 발생합니다. 고빈도 이벤트이므로 무거운 저장 작업을 매번 실행하지 마세요.
- [rowDragLeave](https://grid.syidax.com/ko/docs/events/rowDragLeave.md) — 행 드래그가 영역을 벗어났을 때 발생합니다. 드래그 완료와는 다른 상태입니다.

<a id="parents"></a>

## 이 타입을 포함하는 계약

- [SyGridEventMap](https://grid.syidax.com/ko/docs/types/SyGridEventMap.md)
- [SyGridRowDragEndDetail](https://grid.syidax.com/ko/docs/types/SyGridRowDragEndDetail.md)

<a id="related"></a>

## 연결된 타입

- [SyGridRowDragItem](https://grid.syidax.com/ko/docs/types/SyGridRowDragItem.md)
- [SyGridRowDragTarget](https://grid.syidax.com/ko/docs/types/SyGridRowDragTarget.md)