jQuery Gantt Package使用教程：创建RadiantQ jQuery甘特包

jQuery Gantt Package是一个真正的跨平台，基于HTML5 / jQuery的本地实现，具有2个不同的gantt小部件，可满足您所有基于gantt的可视化需求。还带有ASP.NET WebControl和MVC扩展，可轻松集成到现有应用中。

点击下载jQuery Gantt Package试用版

你的第一个甘特

让我们从创建一个新的项目目录开始，例如MyFirstGantt。

1)甘特部件源JS文件

首先，您需要Gantt小部件所需的JS源文件。这些文件在<安装路径>/Src文件夹中。只需将整个Src文件夹复制到上面的示例目录中。这个文件夹还有其他相关的css文件。您可以删除“Src/bin”文件夹，因为这个PHP示例不需要这样做。
然后将/PlatformSamples/PHPSamples/lib文件夹中的PHP库文件复制到sample目录中。

2)示例实用程序JS文件

在/Samples/Scripts文件夹中有一些带有实用函数的JS文件，可以在网格中进行内联编辑等。将整个脚本目录复制到MyFirstGantt中。3) JSON数据样本

创建一个SampleData。json文件，包含要在甘特图中显示的示例任务列表。
SampleData。json内容:

[{
“TName” : “Team1”,
“PStartTime” : “2012-04-02T00:00:00Z”,
“PEndTime” : “2012-04-18T00:00:00Z”,
“Resources” : [{
“RName” : “JohnH”,
“PStartTime” : “2012-04-04T00:00:00Z”,
“PEndTime” : “2012-04-15T00:00:00Z”,
“Tasks” : [{
“TaskName” : “Task 1”,
“StartTime” : “2012-04-03T00:00:00Z”,
“EndTime” : “2012-04-12T00:00:00Z”,
“Progress” : 20
}]
},
{
“RName” : “VictorG”,
“PStartTime” : “2012-04-06T00:00:00Z”,
“PEndTime” : “2012-04-18T00:00:00Z”,
“Tasks” : [{
“TaskName” : “Task 1”,
“StartTime” : “2012-04-03T00:00:00Z”,
“EndTime” : “2012-04-18T00:00:00Z”,
“Progress” : 20
}]
},
{
“RName” : “JasonS”,
“PStartTime” : “2012-04-06T00:00:00Z”,
“PEndTime” : “2012-04-18T00:00:00Z”,
“Tasks” : [{
“TaskName” : “Task 1”,
“StartTime” : “2012-04-06T00:00:00Z”,
“EndTime” : “2012-04-12T00:00:00Z”,
“Progress” : 20
},
{
“TaskName” : “Task 2”,
“StartTime” : “201