modalbox
모달박스를 엽니다
HTMLElement modalbox(ModalBoxConfig config);
config | ModalBoxConfig | 모달박스의 설정 옵션 |
HTMLElement | 모달박스를 포함하는 div 엘리먼트 |
Example
let box = gantt.modalbox({
title: "Close",
type: "alert-warning"
});
Details
설정 객체는 다음 속성들을 포함합니다:
- id? - (number | string) - 선택 사항, 모달박스의 고유 식별자
- text - (number | string) - 모달박스 내에 표시될 내용 텍스트
- title? - (number | string) - 선택 사항, 모달박스의 헤더 텍스트
- position? - (string) - 선택 사항, 모달박스 위치 제어; 현재는 "top"만 지원하며, 다른 값은 기본적으로 "center-align"으로 설정됨
- buttons - (string[] | number[] | ModalboxButton[]) - 표시할 버튼들을 지정하는 배열
- width? - (string) - 선택 사항, CSS <length> 또는 <percentage> 단위로 모달박스 너비 설정, 예: "100px" 또는 "50%"
- height? - (string) - 선택 사항, CSS <length> 또는 <percentage> 단위로 모달박스 높이 설정, 예: "100px" 또는 "50%"
- callback? (result): void - 선택 사항, 버튼 클릭 시 호출되는 함수. 클릭된 버튼에 따라 true 또는 false를 전달받음
- result - (string | number | boolean) - 콜백 함수는 버튼 배열 내에서 눌린 버튼의 문자열화된 인덱스("0", "1", "2", ...)를 전달받음
ModalboxButton 타입은 다음 속성들을 포함합니다:
- label - (string | number) - 버튼에 표시될 텍스트
- value? - (string | number | boolean) - 선택 사항, callback 함수의 result로 반환될 값
- css? - (string | number) - 선택 사항, 버튼에 적용할 커스텀 CSS 클래스. "gantt_" 접두사로 시작해야 함
모달박스 설정 옵션에 대한 자세한 내용은 팝업 메시지 및 모달 박스 문서를 참고하세요.
See also
Change log
버전 4.0에 추가됨
Back to top