项目管理工具dhtmlxGantt甘特图入门教程（八）：数据加载（一）

小董讲MES

于 2022-10-09 09:51:51 发布

阅读量738

点赞数

CC 4.0 BY-SA版权

分类专栏：项目管理工具dhtmlxGantt中文教程内容文章标签：项目管理工具甘特图 dgtmlxgantt 项目管理软件 gantt

本文链接：https://blog.youkuaiyun.com/HD202202/article/details/127221087

本文介绍了如何使用dhtmlxGantt进行数据加载，包括从对象使用parse方法加载和从服务器通过AJAX的load方法加载。服务器端可配置为返回JSON格式的数据响应。dhtmlxGantt是一款适用于项目管理的全功能甘特图库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这篇文章给大家讲解如何利用dhtmlxGantt从对象和服务器加载数据。

点击获DhtmlxGantt官方正式版

从对象加载

要从对象加载数据，请使用parse方法：从内联数据源加载

var data = {
  tasks:[
     {id:1, text:"Project #1", start_date:"01-04-2020", duration:18},
     {id:2, text:"Task #1", start_date:"02-04-2020", duration:8, parent:1},
     {id:3, text:"Task #2", start_date:"11-04-2020", duration:8, parent:1}
   ]
};
gantt.init("gantt_here");
gantt.parse(data);

从服务器加载

客户端

要从服务器加载数据，请使用load方法：甘特图.html

gantt.init("gantt_here");
gantt.load("data.json");

load方法将向指定的 url 发送一个 AJAX 请求，并期望以一种受支持的格式响应数据。例如：数据.json

{
  "tasks":[
     {"id":1, "text":"Project #1", "start_date":"01-04-2020", "duration":18},
     {"id":2, "text":"T

最低0.47元/天解锁文章

200万优质内容无限畅学