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 | 선택 사항입니다. 사용 가능한 슬롯을 표시하기 시작할 날짜를 정의합니다. |