[dhtmlxGant(甘特图)开发手册]第一篇——如何使用dhtmlxGantt

最新推荐文章于 2024-05-11 15:56:02 发布

诗人江湖老

最新推荐文章于 2024-05-11 15:56:02 发布

阅读量3.9w

点赞数 10

分类专栏：甘特图——dhtmlxGantt Asp.Net开发文章标签：甘特图 dhtmlxGant

本文链接：https://blog.csdn.net/honantic/article/details/51314672

版权

简介

第一篇
 第二篇
 第三篇
 第四篇

本文将介绍如何使用使用 dhtmlxGantt 在页面中创建基本的甘特图，并且能够将数据保存/更新至数据库(例如服务器上的数据库)。
本文中最终的代码可以作为创建甘特图应用的基础样例代码。

这里写图片描述

第一步：下载dhtmlxGantt

首先，我们需要下载代码库到本地：

下载dhtmlxGantt代码包，如果已经下载了，跳过本步骤。
解压缩代码包，将其放置在指定的路径中的”dhtmlGantt”文件夹中，如果没有该文件夹则创建一个。

第二步：在HTML文件中引入dhtmlxGantt代码

然后，为了使用该插件，我们需要在自己的HTML文件中引入dhtmlGantt代码。我们需要引入的文件为：
- dhtmlxgantt.js
- dhtmlxgantt.css
接下来：
- 在“dhtmlxGantt”文件夹中创建一个HTML文件，命名为类似“myGantt.html”。
- 在该文件中引入dhtmlxGantt代码：

<!DOCTYPE html>
<html>
<head>
    <title>如何使用dhtmlxGantt</title>
    <script src="codebase/dhtmlxgantt.js"></script>
    <link href="codebase/dhtmlxgantt.css" rel="stylesheet">
</head>
<body>
    //这里是你的代码
</body>
</html>

第三步：初始化dhtmlxGantt

然后，我们创建一个用来初始化dhtmlxgantt的DIV。
注意到，dhtmlxgantt是一个静态对象，会随着页面初始化而实例化。要引用该实例，我们只需要使用dhtmlxgantt或者gantt即可。

在myGantt.html文件中定义一个DIV容器
通过“gant.init(“gantt_here”)”命令来初始化dhtmlxgantt。该方法中的参数为DIV容器的ID。

<!DOCTYPE html>
<html>
<

最低0.47元/天解锁文章

诗人江湖老

关注

10
点赞
踩
47

收藏

觉得还不错? 一键收藏
8
评论
[dhtmlxGant(甘特图)开发手册]第一篇——如何使用dhtmlxGantt

简介本文将介绍如何使用使用 dhtmlxGantt 在页面中创建基本的甘特图，并且能够将数据保存/更新至数据库(例如服务器上的数据库)。本文中最终的代码可以作为创建甘特图应用的基础样例代码。第一步：下载dhtmlxGantt首先，我们需要下载代码库到本地：下载dhtmlxGantt代码包，如果已经下载了，跳过本步骤。解压缩代码包，将其放置在指定的路径中的”dhtmlGantt”文
复制链接

扫一扫