modalbox

모달박스를 엽니다

HTMLElement modalbox(ModalBoxConfig config);
configModalBoxConfig모달박스의 설정 옵션
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