Integration mit JQuery

Wenn Sie mit der JQuery-Bibliothek arbeiten, können Sie ein Gantt-Diagramm auf Ihrer Seite mit einer vertrauten Syntax einrichten.

Hier ist ein Beispiel, wie man ein einfaches Gantt-Diagramm mit JQuery initialisiert:

Ein Gantt-Diagramm, initialisiert mit JQuery

$(".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

Hier ist, was jeder Teil macht:

• ".mygantt" - Dies ist ein CSS-Selektor, der mit jQuery kompatibel ist und den Container angibt, in dem das Gantt-Diagramm angezeigt wird.
• dhx_gantt() Methode - Diese Methode initialisiert dhtmlxGantt. Sie nimmt ein Konfigurationsobjekt als Parameter:
  • data - (object) Der Datensatz, der im Gantt-Diagramm angezeigt wird.
  • scales - (array) Ein Array, das die Konfiguration für die Zeitskala enthält.

Related sample:  jQuery integration

Zurück nach oben