본문으로 건너뛰기

API 개요

Booking 생성자

new booking.Booking("#root", {
// 초기 구성 파라미터
});

파라미터:

  • HTML 컨테이너 또는 해당 ID 선택자 (HTMLElement | string)
  • 구성 파라미터 객체 (여기서 확인)

Booking 메서드

이름설명
serialize()Booking 데이터를 JSON 배열로 직렬화합니다
setConfig()Booking 위젯의 현재 구성을 업데이트합니다
setConfirmHandler()confirm-slot 이벤트에 대한 핸들러를 등록합니다
setLocale()Booking에 새 로케일을 적용합니다

Booking 내부 API

Event Bus 메서드

이름설명
api.detach()이벤트 핸들러를 제거/분리할 수 있습니다
api.exec()내부 이벤트를 트리거할 수 있습니다
api.intercept()내부 이벤트를 가로채거나 방지할 수 있습니다
api.on()내부 이벤트에 핸들러를 연결할 수 있습니다
api.setNext()위젯의 Event Bus 체인 끝에 커스텀 핸들러를 추가합니다

State 메서드

이름설명
api.getReactiveState()Booking의 반응형 속성을 담은 객체를 반환합니다
api.getState()Booking의 StateStore 속성이 담긴 객체를 반환합니다

Booking 이벤트

이름설명
confirm-slot슬롯 예약을 확인할 때 발생합니다
filter-data필터가 적용될 때 발생합니다
select-item항목이 선택될 때 발생합니다
select-item-date항목에 대한 날짜가 선택될 때 발생합니다
select-slot슬롯을 선택할 때 발생합니다

Booking 속성

이름설명
data선택 사항. 카드 데이터를 포함하는 객체 배열
end선택 사항입니다. 예약 가능한 슬롯을 표시할 종료 날짜를 정의합니다
cardShape선택 사항. 각 카드 왼쪽에 표시되는 정보를 관리하는 설정 객체
cardTemplate선택 사항. 카드의 왼쪽 블록에 템플릿을 적용할 수 있습니다
filterShape선택 사항. 필터 기능을 관리하기 위한 설정 객체
formShape선택 사항입니다. Booking 대화상자의 필드 구성 설정을 담은 객체 배열입니다.
infoShape선택 사항. Booking 대화 상자 왼쪽에 표시되는 정보를 관리하는 설정 객체
infoTemplate선택 사항. Booking 대화 상자의 정보 블록에 템플릿을 적용할 수 있습니다
locale선택 사항. Booking의 커스텀 로케일 객체
renderType선택 사항. 카드가 렌더링되는 방식을 정의합니다
slotGap선택 사항. 모든 카드의 예약 슬롯 사이의 간격을 정의합니다.
slotSize선택 사항. 모든 카드의 예약 슬롯 지속 시간을 정의합니다
start선택 사항입니다. 사용 가능한 슬롯을 표시하기 시작할 날짜를 정의합니다.