본문으로 건너뛰기

lightbox

Description​

라이트박스 객체를 지정합니다

lightbox: any

Example​

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

Details​

라이트박스 객체에는 1개의 속성이 있습니다:

  • sections - (array) 라이트박스 섹션을 지정합니다
// default definition
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' or string) 섹션에 매핑될 데이터 속성의 이름(아래 세부 사항 참조)
type(textarea,time,select,template,multiselect,radio,checkbox,combo) 섹션 컨트롤의 유형(에디터)
time_format(string) 'Time Period' 섹션에서 날짜-시간 컨트롤의 순서를 설정
focus(boolean) true로 설정되면 라이트박스 열 때 해당 섹션이 포커스를 받습니다
default_value(any) 섹션 컨트롤의 기본값
onchange(function) 섹션 컨트롤의 'onChange' 이벤트 핸들러 함수 지정 (선택 컨트롤에 한해)
options(array of objects) 컨트롤의 선택 옵션을 정의합니다 (for 'select', 'multiselect', 'radio', 'combo' 컨트롤).
배열의 각 객체는 단일 옵션을 지정하며 다음 속성을 가집니다:
  • key - (string) 옵션의 id. 이 속성은 이벤트의 데이터 속성과 비교하여 옵션을 이벤트에 할당합니다
  • label - (string) 옵션의 라벨
vertical(boolean) 라디오 버튼을 수직으로 배치할지 여부(true 또는 false) (for the 'select' control only)
checked_value(boolean) 체크박스가 체크된 상태의 값. Optional. 기본값은 true (for the 'checkbox' control only)
unchecked_value(boolean) 체크박스가 체크 해제된 상태의 값. Optional. 기본값은 false (for the 'checkbox' control only)

의미: map_to: "auto"​

map_to 속성은 "auto" 값을 가질 수 있습니다. "auto" 값은 다음과 관련이 있습니다:

  • 컨트롤은 값을 반환하지 않으며, Custom Lightbox Control 메서드에 따라 관련 이벤트의 속성 값을 직접 변경합니다.
  • 일반적으로, "auto" 값은 이벤트의 여러 속성으로 작동하는 복합 컨트롤에 사용됩니다.
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.
Need more help?Contact Support