lightbox

lightbox 객체를 지정합니다

object lightbox;

Example

scheduler.config.lightbox.sections=[    
    { name:"description", height:50, type:"textarea", map_to:"text", focus:true},
    { name:"location",    height:43, type:"textarea", map_to:"event_location"},
    { name:"time",        height:72, type:"time",     map_to:"auto"}    
];
...         
scheduler.init('scheduler_here',new Date(2013,2,1),"week");

Related samples

Details

lightbox 객체는 하나의 주요 속성을 포함합니다:

sections - (array) 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 배열의 각 항목은 다음 속성들을 가질 수 있습니다:

name	(string) 스케줄러가 locale.labels 컬렉션에서 해당 섹션의 레이블을 가져오기 위해 사용하는 섹션 이름입니다. 예를 들어, 'time' 섹션의 레이블은 scheduler.locale.labels.section_time에서 찾습니다.
height	(number) 섹션의 높이
map_to	('auto' 또는 string) 섹션에 연결된 데이터 속성 이름 (아래 상세 설명)
type	(textarea,time,select,template,multiselect,radio,checkbox,combo) 섹션에서 사용되는 컨트롤 타입
time_format	(string) 'Time Period' 섹션 내 날짜 및 시간 컨트롤의 순서를 정의합니다
focus	(boolean) true로 설정하면 lightbox가 열릴 때 해당 섹션이 포커스를 받습니다
default_value	(any) 섹션 내 컨트롤의 기본값
onchange	(function) 컨트롤의 'onChange' 이벤트 핸들러 ('select' 컨트롤에만 해당)
options	(객체 배열) 'select', 'multiselect', 'radio', 'combo' 같은 컨트롤의 선택 옵션을 정의합니다. 배열 내 각 객체는 옵션을 나타내며 다음 속성을 가집니다: key - (string) 옵션의 ID로, 이벤트 데이터 속성과 매칭하는 데 사용됩니다 label - (string) 옵션의 표시 레이블
vertical	(boolean) 라디오 버튼이 수직(true) 또는 수평(false)으로 배치되는지 결정합니다 ('select' 컨트롤에만 해당)
checked_value	(boolean) 체크박스가 선택되었을 때 할당되는 값입니다. 선택 사항이며 기본값은 true입니다 ('checkbox' 컨트롤에만 해당)
unchecked_value	(boolean) 체크박스가 선택 해제되었을 때 할당되는 값입니다. 선택 사항이며 기본값은 false입니다 ('checkbox' 컨트롤에만 해당)

'map_to:"auto"'는 무엇을 의미하나요?

'map_to' 속성이 'auto'로 설정되면:

컨트롤 자체가 값을 반환하지 않고, 대신 'set_value()' 메서드를 통해 이벤트의 속성을 직접 업데이트합니다 (자세한 내용은 Custom Lightbox Control 참고).
이는 보통 여러 이벤트 속성을 동시에 처리하는 복잡한 컨트롤에 사용됩니다.