Lightbox 컨트롤
Lightbox는 이벤트의 세부 정보를 수정하기 위해 설계된 편집 폼입니다. 기본 Lightbox는 아래 이미지와 같습니다.
Lightbox 구조
섹션
Lightbox의 레이아웃은 lightbox 객체의 sections 속성으로 정의됩니다:
// 기본 lightbox 정의
scheduler.config.lightbox.sections=[
{name:"description", height:200, map_to:"text", type:"textarea" , focus:true},
{name:"time", height:72, type:"time", map_to:"auto"}
];
sections 배열의 각 항목은 lightbox 내의 특정 섹션을 정의하는 객체입니다 (사용 가능한 섹션 속성).
섹션 컨트롤
Lightbox의 각 섹션은 특정 컨트롤을 중심으로 구성됩니다. Lightbox에서 사용할 수 있는 컨트롤 타입은 다음과 같습니다:
- Textarea - 여러 줄의 텍스트 입력 필드
- 시간 및 날짜 - 시간 범위를 지정하는 두 개의 날짜 선택기
- Select - 단일 선택 드롭다운 리스트
- Template - HTML 콘텐츠를 담는 컨테이너
- Multiselect - 체크박스 그룹
- Checkbox - 두 상태의 체크박스
- Radio - 라디오 버튼 세트
- Combo - DHTMLX Combo 컴포넌트로 구현된 콤보 박스
사용하는 에디터의 조합과 관계없이, 'time' 에디터는 항상 lightbox의 마지막에 배치되어야 합니다.
{name:"recurring", height:21, type:"select", map_to:"rec_type", options:[
{key:"", label:"Do not repeat"},
{key:"day", label:"Each day"},
{key:"week", label:"Each week"},
{key:"month", label:"Each month"}
]}