首先下载dhtmlx gantt:dhtmlx.com/docs/products/dhtmlxGantt/download.shtml
查看下载后的sample文件,如果自己写页面,在html页面引入js和css(这个库只引入这两个文件,比datatables和jquery-file-uplode什么的让人心安多了)
然后写js调用函数,demo如下
gantt.config.xml_date = "%Y-%m-%d %H:%i:%s";
gantt.init("gantt_here");
gantt.load("../common/connector_enddate.php");
var dp = new gantt.dataProcessor("../common/connector_enddate.php");
dp.init(gantt);
只有前端数据总觉得差点,我们应该通过php从mysql中读取数据对吧,例子中把数据库数据已经给我们准备好了,在samples\common中找到dump.sql,导入到mysql数据库中。
剩下就是php连接数据库,demo中是在common/config.php中构建数据库连接,common/connector_enddate.php中已经写好了对数据库的连接内容,如果你没有复杂需求,直接使用就可以了。以下就是config.php中连接mysql的代码:
$dbtype = "MySQL";
$res=mysql_connect("localhost", "user", "passname");
mysql_select_db("dbname");//你的数据库名字
至此就可以调用数据库中的数据了,以上只是个小demo,仅此记录一下。如有问题或错误,欢迎交流指正。