国产福利姬在线,精品国语视频免费,一区二区蜜桃臀

項(xiàng)目管理工具dhtmlxGantt甘特圖入門(mén)教程（五）：甘特圖實(shí)例特點(diǎn)

翻譯|使用教程|編輯：秦林|2022-09-28 16:37:03.627|閱讀 210 次

概述：本文重點(diǎn)介紹使用Gantt Instance的主要功能。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷售中 >>

相關(guān)鏈接：

本文重點(diǎn)介紹使用Gantt Instance的主要功能。

DhtmlxGantt正版試用下載

讓我們考慮最常見(jiàn)的情況-構(gòu)建具有多個(gè)頁(yè)面/選項(xiàng)卡/視圖的應(yīng)用程序。

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

當(dāng)您使用甘特圖打開(kāi)頁(yè)面/選項(xiàng)卡/視圖時(shí)，您需要?jiǎng)?chuàng)建一個(gè)新的甘特圖實(shí)例；
當(dāng)您切換到不同的頁(yè)面/選項(xiàng)卡/視圖時(shí)，您需要銷毀甘特圖實(shí)例。

自定義事件

當(dāng)您使用甘特圖加載頁(yè)面時(shí)，您需要在添加事件之前手動(dòng)將事件的ID保存到數(shù)組中：

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

當(dāng)您切換到另一個(gè)頁(yè)面時(shí)，您需要使用已保存到數(shù)組的ID手動(dòng)分離事件：

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

數(shù)據(jù)處理器

你需要手動(dòng)銷毀dataProcessor：

dp.destructor();

請(qǐng)注意，您只需要銷毀數(shù)據(jù)處理器，而不是甘特圖。否則，在重新加載頁(yè)面之前，您將無(wú)法使用甘特圖。

任務(wù)、鏈接、資源數(shù)據(jù)、標(biāo)記、自定義熱鍵

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

甘特圖配置

沒(méi)有內(nèi)置方法可以保存它或?qū)⒏侍貓D配置重置為默認(rèn)配置。大多數(shù)甘特圖配置都保存在gantt.config對(duì)象中。

CSS

如果您添加了自定義CSS，如果它導(dǎo)致問(wèn)題，您需要手動(dòng)刪除它。

日歷設(shè)置

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

其他案例

除了上述幾點(diǎn)之外，您可能還需要實(shí)現(xiàn)一些其他選項(xiàng)，但目前暫未測(cè)試此方法的所有可能場(chǎng)景。

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

甘特圖控件交流群：764148812 歡迎進(jìn)群交流討論

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

上一篇：項(xiàng)目管理工具dhtmlxGantt甘特圖入門(mén)教程（六）：dhtmlxGantt的擴(kuò)展完整列表下一篇：B/S端界面控件DevExtreme React——如何輕松實(shí)現(xiàn)圖表更新轉(zhuǎn)換？