# contextMenuItemClicked

셀 우클릭 메뉴 항목을 실행했을 때 발생합니다. 항목 ID와 대상 셀 위치를 읽습니다.

Canonical: https://grid.syidax.com/ko/docs/events/contextMenuItemClicked/

<a id="meaning"></a>

## 무엇을 하는 API인가요

셀 우클릭 메뉴 항목을 실행했을 때 발생합니다. 항목 ID와 대상 셀 위치를 읽습니다.

Pro 기능 관련 API: Built-in context menu

<a id="contract"></a>

## 입력과 결과의 정확한 타입

```typescript
contextMenuItemClicked: { id: string; rowIndex: number; field?: string }
```

<a id="usage"></a>

## 사용 흐름

grid.addEventListener('contextMenuItemClicked', handler)로 구독합니다. 실제 결과는 event.detail에 들어 있고 이름의 대소문자를 구분합니다. 화면을 닫을 때 구독을 해제하세요.

```javascript
const controller = new AbortController();
grid.addEventListener('contextMenuItemClicked', event => {
  console.log(event.detail);
}, { signal: controller.signal });
// 화면을 해제할 때 controller.abort();
```

<a id="recipes"></a>

## 기능별 설명과 예제

- [셀 컨텍스트 메뉴](https://grid.syidax.com/ko/docs/features/context-menu.md) — 셀의 우클릭 메뉴는 현재 위치를 대상으로 복사·행 복사·내보내기 같은 작업을 제공합니다. 반복 사용 기능은 툴바나 키보드 접근도 함께 제공하는 것이 좋습니다.
