# emptyStateActionClicked

빈 결과 안내 영역의 작업 버튼을 눌렀을 때 발생합니다. 작업 종류에 맞게 앱 흐름을 연결합니다.

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

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

## 무엇을 하는 API인가요

빈 결과 안내 영역의 작업 버튼을 눌렀을 때 발생합니다. 작업 종류에 맞게 앱 흐름을 연결합니다.

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

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

```typescript
emptyStateActionClicked: GridEmptyStateActionDetail
```

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

## 사용 흐름

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

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

<a id="types"></a>

## 관련 타입 읽기

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

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

## 기능별 설명과 예제

- [로딩과 빈 결과](https://grid.syidax.com/ko/docs/features/overlays.md) — 로딩과 빈 데이터 안내는 표가 아무것도 보여 주지 않는 이유를 설명합니다. 요청 중·조회 결과 없음·실패는 서로 다른 상태이므로 같은 빈 화면으로 처리하지 않습니다.