# queryComplete

처리 엔진의 조회가 완료되었을 때 발생합니다. 결과와 실제 실행 tier를 detail에서 읽어 성능·결과 안내에 연결합니다.

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

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

## 무엇을 하는 API인가요

처리 엔진의 조회가 완료되었을 때 발생합니다. 결과와 실제 실행 tier를 detail에서 읽어 성능·결과 안내에 연결합니다.

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

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

```typescript
queryComplete: GridQueryResult & { tier: GridEngineTier }
```

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

## 사용 흐름

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

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

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

## 관련 타입 읽기

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

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

## 기능별 설명과 예제

- [JavaScript 처리 엔진](https://grid.syidax.com/ko/docs/features/js-processing.md) — JavaScript 처리 엔진은 브라우저에서 표 데이터를 정렬·필터·가공하는 표준 실행 경로입니다. 배포 환경과 기능 조합을 단순하게 확인하는 출발점으로 사용할 수 있습니다.