modalbox

ruft eine modalbox auf

HTMLElement modalbox(ModalBoxConfig config);

config

ModalBoxConfig

die Konfiguration der modalbox

HTMLElement

der div-Container der modalbox

let box = gantt.modalbox({
    title: "Schließen",
    type: "alert-warning"
});

Details

Das Konfigurationsobjekt verwendet die folgenden Eigenschaften:

id? - (number | string) - optional, die ID der modalbox
text - (number | string) - der Text des Inhalts der modalbox
title? - (number | string) - optional, der Text der Kopfzeile
position? - (string) - optional, die Position der modalbox unterstützt derzeit nur einen Wert - "top", jeder andere Wert führt zu "center-align"
buttons - (string[] | number[] | ModalboxButton[]) - das Array der Schaltflächen
width? - (string) - optional, die Breite der modalbox (gesetzt als CSS <length> oder <percentage> Werte, z.B. "100px", "50%")
height? - (string) - optional, die Höhe der modalbox (gesetzt als CSS <length> oder <percentage> Werte, z.B. "100px", "50%")
callback? (result): void - optional, die Funktion, die beim Klicken auf die Schaltfläche aufgerufen wird. Nimmt true oder false als Parameter (je nach geklickter Schaltfläche)
- result - (string | number | boolean) - Das Ergebnis der Callback-Funktion entspricht dem in einen String umgewandelten Index der gedrückten Schaltfläche aus dem Array ("0", "1", "2",...)

Der ModalboxButton hat die folgenden Typen:

label - (string | number) - der Text der Schaltfläche
value? - (string | number | boolean) - optional, der Wert, der im result-Argument der callback-Funktion zurückgegeben wird.
css? - (string | number) - optional, ein benutzerdefinierter Klassenname für die Schaltfläche, der mit dem String "gantt_" beginnt.

Für weitere Details zu den unterstützten Konfigurationsoptionen einer modalbox siehe den Artikel Popup-Nachrichten und Modale Boxen.