這篇文章給大家講解如何在服務(wù)器上使用dhtmlxGantt。

DhtmlxGantt正版試用下載

在某些情況下，您可能需要與甘特圖分開使用dhtmlxGantt的專門邏輯，例如：

• 當您從其他來源（例如來自移動應(yīng)用程序）接收到任務(wù)更新并且需要運行自動調(diào)度以更新相關(guān)任務(wù)的時間時
• 當您有多個可以同時進行更改的同一應(yīng)用程序的用戶，并且您需要同步和驗證計劃時
• 當您需要使用服務(wù)器代碼運行計算和分析計劃時

出于這個原因，我們提供了一個單獨的dhtmlxGantt構(gòu)建，它可以在Node.js環(huán)境中的服務(wù)器端運行。

Node.js 的 DHTMLX Gantt 具有與 Commercial/Enterprise/Ultimate 包相同的功能，這意味著Gantt.getGanttInstance方法可用并允許創(chuàng)建甘特圖的新實例。

版本控制

dhtmlxGantt適用于Node.js包的版本編號方案與瀏覽器包相同（例如，v7.0.0 是 Node.js 包的甘特圖的第一個版本）。

將庫添加到項目中

您可以將Node.js的dhtmlxGantt安裝為本地包：

"dependencies": {
    "@dhtmlx/gantt-node": "file:../../gantt_7.0.0_node"
    ...
}

或者您可以直接從您的代碼中導(dǎo)入dhtmlxgantt.node.js，如下所示：

import { Gantt } from "@dhtmlx/gantt-node";
 
const gantt = Gantt.getGanttInstance({
    plugins:{
        auto_scheduling: true,
    },
    config: {
        work_time: true,
        duration_unit: "hour",
        auto_scheduling: true,
        auto_scheduling_strict: true,
        auto_scheduling_initial: false
    },
    data: {
        tasks: [
            { id: 1, text: "Project #1", type: "project", parent: 0 },
            { id: 2, start_date: "05-04-2020 00:00", text: "Task #1", duration: 1, 
            parent: 1, type: "task" },
            { id: 3, start_date: "05-04-2020 00:00", text: "Task #2", duration: 3, 
            parent: 1, type: "task" },
            { id: 4, start_date: "05-04-2020 00:00", text: "Task #3", duration: 3, 
            parent: 1, type: "task" },
            { id: 5, start_date: "05-04-2020 00:00", text: "Task #4", duration: 3, 
            parent: 1, type: "task" },
            { id: 6, start_date: "05-04-2020 00:00", text: "Task #5", duration: 1, 
            parent: 1, type: "task" }
        ], 
        links: [
            { id: 1, source: 1, target: 2, type: "0" },
            { id: 2, source: 2, target: 3, type: "0" },
            { id: 3, source: 3, target: 4, type: "0" },
            { id: 4, source: 4, target: 5, type: "0" },
            { id: 5, source: 5, target: 6, type: "0" }
        ]
    },
    events:{
        onAfterAutoSchedule: function(taskId, updatedTasks) {
            console.log("Following tasks were auto scheduled:");
            console.table(updatedTasks.map((taskId) => {
                return {
                    id: taskId,
                    text: this.getTask(taskId).text
                };
            }));
        },
        onParse: function() {
            console.log("Loaded data:")
            console.table(this.serialize().data);
        },
        onGanttReady: () => {
            console.log("Running dhtmlxGantt on the backend");
        }
    }
});
 
console.table(gantt.serialize());

dhtmlxGantt是用于跨瀏覽器和跨平臺應(yīng)用程序的功能齊全的Gantt圖表，可滿足項目管理控件應(yīng)用程序的所有需求，是最完善的甘特圖圖表庫。了解更多DhtmlxGantt相關(guān)內(nèi)容和資訊，歡迎在線咨詢或者私信我獲取正版試用版及報價。

甘特圖控件交流群：764148812    歡迎進群交流討論

更多正版甘特圖軟件下載、購買、授權(quán)咨詢，請點這里！