Dynamische Änderung der Skaleneinstellungen

Die Möglichkeit, die Skala spontan anzupassen, macht ein Gantt-Diagramm vielseitiger und passt es verschiedenen Benutzerbedürfnissen an.

Betrachten wir als Beispiel einen Manager mit einem einjährigen Projekt. Um einen Überblick über das Projekt zu erhalten, ist die Ansicht in Monaten am besten geeignet. Möchte man jedoch in die Details einer bestimmten Aufgabe eintauchen, ist es praktischer, sie nach Wochen oder Tagen aufzuschlüsseln.

Warum sich auf nur eine Option festlegen? Lassen Sie die Benutzer entscheiden und bei Bedarf zwischen ihnen wechseln.

Konfigurationseinstellungen

Wenn Sie die Einstellungen einer Skala (wie Schritt oder Unterskala) dynamisch anpassen müssen, nachdem dhtmlxGantt bereits initialisiert wurde, befolgen Sie diese Schritte:

1. Aktualisieren Sie die relevanten Konfigurationsoptionen.
   Um beispielsweise die Skaleneinheit von "month" auf "day" zu ändern, modifizieren Sie die unit Eigenschaft der Option scales.
2. Aktualisieren Sie gegebenenfalls die entsprechende Vorlage.
   Um beispielsweise Wochenenden auf der Skala zu markieren, verwenden Sie die Vorlage scale_cell_class.
3. Aktualisieren Sie das Gantt-Diagramm mit der Methode render.

Dynamische Änderung der Skalenkonfiguration

gantt.config.scales = [
    {unit: "month", step: 1, format: "%F, %Y"},
];
 
gantt.init("gantt_here");
 
 
gantt.config.scales = [                             {unit: "day", step: 1, format: "%d %M, %D"} ];                                              gantt.templates.scale_cell_class = function(date){    if(date.getDay()==0||date.getDay()==6){        return "weekend";    }};gantt.render();

Zurück nach oben