白丝一区,国产精品尤物视频,欧美成网站

盤點(diǎn)項(xiàng)目管理工具DHTMLX Gantt 的常見問題

翻譯|行業(yè)資訊|編輯：胡濤|2022-12-27 15:34:44.567|閱讀 318 次

概述：盤點(diǎn)項(xiàng)目管理工具DHTMLX Gantt 使用過程中的常見問題

DHTMLX Gantt是用于跨瀏覽器和跨平臺(tái)應(yīng)用程序的功能齊全的Gantt圖表。可滿足項(xiàng)目管理應(yīng)用程序的大部分開發(fā)需求，具備完善的甘特圖圖表庫(kù)，功能強(qiáng)大，價(jià)格便宜，提供豐富而靈活的JavaScript API接口，與各種服務(wù)器端技術(shù)（PHP，ASP.NET，Java等）簡(jiǎn)單集成，滿足多種定制開發(fā)需求。本文給大家講解DHTMLX Gantt的任務(wù)內(nèi)容如何顯示，歡迎大家下載最新版試用體驗(yàn)。

DHTMLX Gantt正版試用下載

一、如何打開樣品

該組件的分發(fā)包括一個(gè)演示后端應(yīng)用程序，可用于在本地運(yùn)行示例。該應(yīng)用程序需要Node.js并使用內(nèi)存存儲(chǔ)進(jìn)行演示，這些演示應(yīng)該在后端存儲(chǔ)數(shù)據(jù)（即不需要數(shù)據(jù)庫(kù)設(shè)置）。

您可以做什么來運(yùn)行示例

1) 使用基于 Node.js 的演示后端應(yīng)用程序：

將包解壓到某個(gè)文件夾中
打開終端（或 cmd、PowerShell）
跑步npm install
跑步npm run start
//localhost:9200在瀏覽器中打開
您應(yīng)該看到與我們的在線示例相同的索引頁(yè)面//docs.dhtmlx.com/gantt/samples/

2) 使用 Apache 網(wǎng)絡(luò)服務(wù)器

安裝 Apache 網(wǎng)絡(luò)服務(wù)器。如果您不確定如何操作，我們建議您使用XAMPP。
將甘特圖示例放入 apache 文檔根目錄（xampp/htdocs，如果您安裝了 XAMPP）。
當(dāng)您運(yùn)行 Apache Web 服務(wù)器時(shí)，您可以通過//localhost/yourfolder url 訪問示例。

3) 使用 IDE 中內(nèi)置的開發(fā) Web 服務(wù)器

一些 IDE 提供內(nèi)置的開發(fā) Web 服務(wù)器，
您可以查看您使用的 IDE 是否支持開箱即用或通過插件的類似功能。

為什么你可能需要它

我們包中的一些示例使用 AJAX (xhr) 從 JSON 文件加載數(shù)據(jù)。為了使其工作，必須從 Web 服務(wù)器打開一個(gè)示例。

如果您通過雙擊打開一個(gè)示例，它將作為一個(gè)文件被瀏覽器打開。在這種模式下，瀏覽器將阻止 AJAX 調(diào)用，組件將無法加載數(shù)據(jù)文件。您會(huì)在屏幕右上角看到無效數(shù)據(jù)彈出窗口。

為了確保所描述的行為對(duì)您的情況是真實(shí)的，您可以在瀏覽器的導(dǎo)航面板中檢查 URL。如果 URL 中使用了file:///格式，例如：

file:///D:/www/gantt-eval/samples/11_resources/09_resource_histogram.html

你可以肯定是這樣的。從文件加載數(shù)據(jù)的示例在此模式下不起作用。

當(dāng)您從 Web 服務(wù)器打開示例時(shí)，URL 將如下所示（可以省略// ）：

//localhost/gantt-eval/samples/11_resources/09_resource_histogram.html

二、甘特圖未正確呈現(xiàn)

如果甘特圖未正確呈現(xiàn)在頁(yè)面上，請(qǐng)檢查圖表容器的 CSS 樣式 - 它必須具有以像素或百分比為單位的有效大小。

如果大小以百分比定義 - 確保父容器也指定了一些高度。
如果甘特圖直接放在正文中 - 指定以下 css 樣式以正確使用基于百分比的高度：


html, body{
    margin:0px;
    padding:0px;
    height:100%; /*mandatory*/
    overflow:hidden;
}

三、甘特圖未在 Internet Explorer 中正確呈現(xiàn)

如果僅在 Internet Explorer 瀏覽器中甘特圖無法在頁(yè)面上正確呈現(xiàn)，請(qǐng)確保您的頁(yè)面使用完整的 DOCTYPE 聲明。dhtmlxGantt 可以在 IE6、IE7 和 IE8 的標(biāo)準(zhǔn)模式下正常工作，但不適用于 IE 的怪癖模式。

例如，HTML5 DOCTYPE 是：

<!DOCTYPE html>

四、錯(cuò)誤警報(bào)出現(xiàn)在右上角

dhtmlx甘特圖

首先，您需要找出導(dǎo)致錯(cuò)誤的原因。

當(dāng)組件無法正常運(yùn)行時(shí)會(huì)出現(xiàn)消息。它們通常表明數(shù)據(jù)或應(yīng)用程序邏輯存在真正的問題。因此，簡(jiǎn)單地隱藏它們只會(huì)掩蓋問題，而它可能會(huì)出現(xiàn)在應(yīng)用程序的其他部分。

但是，您可能希望在將應(yīng)用程序發(fā)送給最終用戶之前禁用這些消息。在這種情況下，您可以使用show_errors配置：

gantt.config.show_errors = false;

五、甘特圖不顯示任何內(nèi)容

有兩種最明顯的情況：

1. 您嘗試手動(dòng)或按照我們的教程實(shí)現(xiàn)后端 API ，但是當(dāng)您打開頁(yè)面時(shí)甘特圖沒有顯示任何任務(wù)或鏈接。

2.您在將更改保存到后端時(shí)遇到麻煩。

閱讀后端集成問題故障排除一文，其中提供了有關(guān)如何確定問題原因的說明。

六、如何將任務(wù)的最后一天納入工期

您可能會(huì)注意到，當(dāng)日期以沒有小時(shí)-分鐘部分的天數(shù)指定并且開始日期和結(jié)束日期相同時(shí)，任務(wù)的持續(xù)時(shí)間將計(jì)算為 0 天而不是 1 天。

讓我們?cè)倏紤]一個(gè)示例，其中開始日期和結(jié)束日期分別為“01-12-2021”和“05-12-2021”。這會(huì)讓您認(rèn)為任務(wù)應(yīng)該持續(xù) 5 天（從 12 月 1 日到 5 日）。但甘特圖將其持續(xù)時(shí)間計(jì)算為 4 天。

gantt.parse({ tasks: [
{
id: 1,
text: "Task 1",
start_date: "01-12-2021",
end_date: "05-12-2021"
}
]}, links:[]);

console.log(gantt.getTask(1).end_date);
// 5 December 2021 00:00:00

console.log(gantt.getTask(1).duration);
// 4

默認(rèn)情況下，任務(wù)的最后一天不包括在任務(wù)的持續(xù)時(shí)間中，但可以更改默認(rèn)行為并將最后一天包括在持續(xù)時(shí)間中。有關(guān)更多詳細(xì)信息，請(qǐng)查看任務(wù)結(jié)束日期顯示和包含的結(jié)束日期一文。