detailRowToggled

무엇을 하는 API인가요

부모 행의 상세 패널 펼침 상태가 바뀌었을 때 발생합니다.

Pro 기능 관련 API: Built-in master / detail

입력과 결과의 정확한 타입

detailRowToggled: { rowId: string | number; expanded: boolean }

사용 흐름

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

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

기능별 설명과 예제

• 행 상세

  마스터·상세는 주문 목록에서 한 주문의 품목이나 배송 이력을 펼쳐 보는 구성입니다. 상위 행은 요약이고 그 아래 전체 폭의 패널이 상세 내용을 담습니다.