Integration mit JQuery

Bei der Arbeit mit der JQuery-Bibliothek kann das Gantt-Diagramm mit einer vertrauten Syntax zu einer Seite hinzugefügt werden.

So sieht eine grundlegende Gantt-Diagramm-Initialisierung mit JQuery aus:

Ein mit JQuery initialisiertes Gantt-Diagramm

$(".mygantt").dhx_gantt({
    data:demo_tasks,
    scales:[
        { unit:"year",step:1,format:"%Y"}
    ]
});
$("#gantt1").dhx_gantt().parse(tasksA);

<div class="mygantt" id='gantt1' style='width:100%; height:30%;'></div>

Related sample:  jQuery integration

Details:

• ".mygantt" – ein mit jQuery kompatibler CSS-Selektor, der den Container identifiziert, in dem das Gantt-Diagramm gerendert wird
• Die dhx_gantt()-Methode erstellt eine Instanz von dhtmlxGantt. Sie akzeptiert ein Konfigurationsobjekt als Parameter:
  • data – (object) der Datensatz, der in das Gantt-Diagramm geladen wird
  • scales – (array) eine Liste von Einstellungen, die die Zeitskala definieren

Related sample:  jQuery integration

Zurück nach oben