深夜福利影院在线,成人A级免费看,日本日逼网站

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

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

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

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

相關鏈接：

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

DhtmlxGantt正版試用下載

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

在頁面上包含dhtmlxGantt 代碼文件。
在頁面上創(chuàng)建一個 DIV 容器。
使用init方法在新創(chuàng)建的容器中初始化 dhtmlxGantt 。作為參數，該方法采用將在其中顯示甘特圖的 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>

如何將甘特圖源文件添加到項目中

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

通過 <script> 標簽包含文件
將文件導入 ES6/7 和 TypeScript 應用程序
將文件包含到基于 RequireJS 的應用程序中

通過 <script> 標簽包含文件

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

dhtmlxgantt.js
dhtmlxgantt.css

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

讓我們快速瀏覽一下 dhtmlxGantt 包的結構，找出在哪里查找文件。

構成 dhtmlxGantt 包的主要文件夾和文件有：

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

將文件導入 ES6/7 和 TypeScript 應用程序

使用以下命令導入文件：

import { gantt } from 'dhtmlx-gantt';

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

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

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

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

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

標簽：

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

上一篇：項目管理工具dhtmlxGantt入門教程（二）：如何初始化dhtmlxGantt（下）下一篇：項目管理工具dhtmlxGantt入門教程（一）：如何安裝dhtmlxGantt

相關產品

控件

產品功能：項目管理

源碼：非開源

產品編號：14213

當前版本：v9.0.14 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發(fā) 商： DHTMLX

正式授權

">DHTMLX Gantt

針對您的解決方案的交互式JavaScript / HTML5甘特圖

控件

產品功能：UI界面

源碼：非開源

產品編號：13945

當前版本：v9.2 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發(fā) 商： DHTMLX

正式授權

">DHTMLX Suite

一個用于構建跨瀏覽器Web應用和移動應用的強大JavaScript UI庫。

最新文章 MORE

金喜正規(guī)買球相關的文章 MORE

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

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

如何將甘特圖源文件添加到項目中

通過 <script> 標簽包含文件

將文件導入 ES6/7 和 TypeScript 應用程序

用科技創(chuàng)就卓越

Create excellence with technology

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

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

如何將甘特圖源文件添加到項目中

通過 <script> 標簽包含文件

將文件導入 ES6/7 和 TypeScript 應用程序

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology