本文重點介紹使用Gantt Instance的主要功能。

DhtmlxGantt正版試用下載

讓我們考慮最常見的情況-構建具有多個頁面/選項卡/視圖的應用程序。

以下方法適用于基于 Angular（或基于 React）的應用程序，并且僅在dhtmlxGantt的商業版、企業版或旗艦版中可用（在 GPL 或個人版中不可用）：

• 當您使用甘特圖打開頁面/選項卡/視圖時，您需要創建一個新的甘特圖實例；
• 當您切換到不同的頁面/選項卡/視圖時，您需要銷毀甘特圖實例。

自定義事件

當您使用甘特圖加載頁面時，您需要在添加事件之前手動將事件的ID保存到數組中：

const onTaskClick = gantt.attachEvent('onTaskClick', (id) => {
    gantt.message(`onTaskClick: Task ID: ${id}`);
    return true;
}, '');
eventIDs.push(onTaskClick);

當您切換到另一個頁面時，您需要使用已保存到數組的ID手動分離事件：

eventIDs.forEach(event => gantt.detachEvent(event));
eventIDs = [];

數據處理器

你需要手動銷毀dataProcessor：

dp.destructor();

任務、鏈接、資源數據、標記、自定義熱鍵

您可以使用clearAll()方法安全地從甘特圖實例中刪除這些數據。

甘特圖配置

沒有內置方法可以保存它或將甘特圖配置重置為默認配置。 大多數甘特圖配置都保存在gantt.config對象中。

CSS

如果您添加了自定義CSS，如果它導致問題，您需要手動刪除它。

日歷設置

您需要使用gantt.delete Calendar()方法手動刪除它們。

其他案例

除了上述幾點之外，您可能還需要實現一些其他選項，但目前暫未測試此方法的所有可能場景。

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

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

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