欧美性日韩,狼友在线视频,国产mv天美传媒

盤點項目管理工具DHTMLX Gantt 的常見問題

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

概述：盤點項目管理工具DHTMLX Gantt 使用過程中的常見問題

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

DHTMLX Gantt正版試用下載

一、如何打開樣品

該組件的分發包括一個演示后端應用程序，可用于在本地運行示例。該應用程序需要Node.js并使用內存存儲進行演示，這些演示應該在后端存儲數據（即不需要數據庫設置）。

您可以做什么來運行示例

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

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

2) 使用 Apache 網絡服務器

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

3) 使用 IDE 中內置的開發 Web 服務器

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

為什么你可能需要它

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

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

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

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

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

當您從 Web 服務器打開示例時，URL 將如下所示（可以省略// ）：

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

二、甘特圖未正確呈現

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

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


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

三、甘特圖未在 Internet Explorer 中正確呈現

如果僅在 Internet Explorer 瀏覽器中甘特圖無法在頁面上正確呈現，請確保您的頁面使用完整的 DOCTYPE 聲明。dhtmlxGantt 可以在 IE6、IE7 和 IE8 的標準模式下正常工作，但不適用于 IE 的怪癖模式。

例如，HTML5 DOCTYPE 是：

<!DOCTYPE html>

四、錯誤警報出現在右上角

dhtmlx甘特圖

首先，您需要找出導致錯誤的原因。

當組件無法正常運行時會出現消息。它們通常表明數據或應用程序邏輯存在真正的問題。因此，簡單地隱藏它們只會掩蓋問題，而它可能會出現在應用程序的其他部分。

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

gantt.config.show_errors = false;

五、甘特圖不顯示任何內容

有兩種最明顯的情況：

1. 您嘗試手動或按照我們的教程實現后端 API ，但是當您打開頁面時甘特圖沒有顯示任何任務或鏈接。

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

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

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

您可能會注意到，當日期以沒有小時-分鐘部分的天數指定并且開始日期和結束日期相同時，任務的持續時間將計算為 0 天而不是 1 天。

讓我們再考慮一個示例，其中開始日期和結束日期分別為“01-12-2021”和“05-12-2021”。這會讓您認為任務應該持續 5 天（從 12 月 1 日到 5 日）。但甘特圖將其持續時間計算為 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

默認情況下，任務的最后一天不包括在任務的持續時間中，但可以更改默認行為并將最后一天包括在持續時間中。有關更多詳細信息，請查看任務結束日期顯示和包含的結束日期一文。