init

richtet ein dhtmlxGantt in einem angegebenen Container ein

void init(string | HTMLElement container, [Date from,Date to] );
containerstring | HTMLElementDer HTML-Container (oder dessen ID), in dem das dhtmlxGantt erstellt wird
fromDateDer Startpunkt der Zeitskala (X-Achse)
toDateDer Endpunkt der Zeitskala (X-Achse)

Example

gantt.config.scale_unit = "month";
gantt.config.date_scale = "%F, %Y";
 
gantt.init("gantt_here");
gantt.load("tasks.json");

Details

Die Übergabe des 2. und 3. Arguments an diese Methode ist eine einfache Möglichkeit, die Grenzen der Zeitskala festzulegen:

gantt.init("gantt_here", new Date(2023, 08, 10), new Date(2023, 08, 20));

Beachte, dass die Datumsparameter in gantt.init als Abkürzungen für die Konfigurationen start_date und end_date dienen. Die beiden folgenden Beispiele erzielen dasselbe Ergebnis:

gantt.init("gantt_here", new Date(2023, 08, 10), new Date(2023, 08, 20));

und

gantt.config.start_date = new Date(2023, 08, 10);
gantt.config.end_date = new Date(2023, 08, 20);
gantt.init("gantt_here");

Diese Einstellungen definieren und beschränken den sichtbaren Datumsbereich. Aufgaben außerhalb dieses Bereichs werden nicht angezeigt.

Die Verwendung der Datumsargumente in gantt.init oder der Konfigurationen start_date und end_date überschreibt die Option fit_tasks.

Wenn die Zeitskala sich lieber automatisch basierend auf dem Datumsbereich anpassen soll, können diese Parameter weggelassen oder der Zeitbereich dynamisch gehandhabt werden.

Diese Methode setzt alle benutzerdefinierten Layer zurück, die über die Methoden addTaskLayer und addLinkLayer im Timeline-Bereich hinzugefügt wurden. Deshalb müssen diese benutzerdefinierten Layer nach dem Aufruf von gantt.init erneut angewendet werden, damit sie auf der Seite erscheinen.

See also
Zurück nach oben