国产大片观看,在线观看91视频,国产三区四区

国产自产第一-国产自产对白一区-国产自产精品-国产自产区44页-国产自产在线-国产自产自拍-国产自产自拍视频-国产自精品

項(xiàng)目管理工具dhtmlxGantt入門教程（二）：如何初始化dhtmlxGantt（上）

翻譯|使用教程|編輯：秦林|2022-09-22 16:58:50.590|閱讀 281 次

概述：本篇文章給大家講解如何初始化dhtmlxGantt。

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

相關(guān)鏈接：

當(dāng)您使用 dhtmlxGantt 開發(fā)應(yīng)用程序時(shí)，您需要做的第一件事就是初始化，或者簡單地說，就是在頁面上顯示甘特圖。

DhtmlxGantt正版試用下載

要在頁面上顯示基本甘特圖，請(qǐng)執(zhí)行 3 個(gè)步驟：

在頁面上包含dhtmlxGantt 代碼文件。
在頁面上創(chuàng)建一個(gè) DIV 容器。
使用init方法在新創(chuàng)建的容器中初始化 dhtmlxGantt 。作為參數(shù)，該方法采用將在其中顯示甘特圖的 HTML 容器（或其 id）。

<!DOCTYPE html>
<html>
<head>
   <script src="codebase/dhtmlxgantt.js"></script>
   <link href="codebase/dhtmlxgantt.css" rel="stylesheet">
</head>
<body> <div id="gantt_here" style='width:1000px; height:400px;'></div>
    <script type="text/javascript">
        gantt.init("gantt_here");
    </script>
</body>
</html>

如何將甘特圖源文件添加到項(xiàng)目中

您可以通過多種方式將甘特代碼文件添加到您的項(xiàng)目中，具體取決于您創(chuàng)建的應(yīng)用程序的類型：

通過 <script> 標(biāo)簽包含文件
將文件導(dǎo)入 ES6/7 和 TypeScript 應(yīng)用程序
將文件包含到基于 RequireJS 的應(yīng)用程序中

通過 <script> 標(biāo)簽包含文件

dhtmlxGantt 需要在頁面上包含 2 個(gè)代碼文件：

dhtmlxgantt.js
dhtmlxgantt.css

<script src="codebase/dhtmlxgantt.js"></script>
<link href="codebase/dhtmlxgantt.css" rel="stylesheet">

讓我們快速瀏覽一下 dhtmlxGantt 包的結(jié)構(gòu)，找出在哪里查找文件。

構(gòu)成 dhtmlxGantt 包的主要文件夾和文件有：

sources - 庫的源代碼文件。這些文件未縮小且易于閱讀。該軟件包主要用于組件的調(diào)試。
示例- 代碼示例。
docs - 組件的完整文檔。
codebase - 庫的打包代碼文件。這些文件的大小要小得多，旨在用于生產(chǎn)。在您的應(yīng)用程序中，您需要使用此文件夾中的文件。

將文件導(dǎo)入 ES6/7 和 TypeScript 應(yīng)用程序

使用以下命令導(dǎo)入文件：

import { gantt } from 'dhtmlx-gantt';

對(duì)于 Commercial、Enterprise 或 Ultimate 版本，命令如下所示：

import { gantt, Gantt } from 'dhtmlx-gantt';

dhtmlxGantt是用于跨瀏覽器和跨平臺(tái)應(yīng)用程序的功能齊全的Gantt圖表，可滿足項(xiàng)目管理控件應(yīng)用程序的所有需求，是最完善的甘特圖圖表庫。了解更多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入門教程（二）：如何初始化dhtmlxGantt（下）下一篇：項(xiàng)目管理工具dhtmlxGantt入門教程（一）：如何安裝dhtmlxGantt