Guys,
I am attempting to get the gantt component working and can’t seem to get an XML string loaded.
Here is my code. What am I doing wrong?
<html>
<head>
<script src="codebase/gantt/dhtmlxgantt.js" type="text/javascript"></script>
<script src="codebase/gantt/dhtmlxcommon.js" type="text/javascript"></script>
<script src="codebase/dhtmlx.js" type="text/javascript"></script>
<script language="javascript" src="js/pentaho-ajax.js"></script>
<link rel="STYLESHEET" type="text/css" href="codebase/gantt/dhtmlxgantt.css">
<link rel="STYLESHEET" type="text/css" href="codebase/dhtmlx.css">
<script language="JavaScript" type="text/javascript">
window.onload = function() {
var ganttdata = '<?xml version="1.0" encoding="UTF-8"?><projects><project id="it-projects" name="IT Projects" startdate="2013,01,01"><task id="1"><name>Move to cloud</name><est>2013,02,02</est></task><task id="2"><name>Upgrade Pentaho</name><est>2013,03,01</est></task><task id="3"><name>Bottle tax project</name><est>2013,09,19</est></task><task id="4"><name>Email system upgrade</name><est>2013,02,16</est></task><task id="5"><name>MAS Server Upgrade</name><est>2013,02,01</est></task><task id="6"><name>MSA</name><est>2012,08,01</est></task><task id="7"><name>Bob Upgrade</name><est>2013,03,01</est></task><task id="8"><name>MAS Replacement</name><est>2013,06,01</est></task><task id="9"><name>SOVA</name><est>2013,02,01</est></task><task id="10"><name>VOID 120 Day SKUS</name><est>2013,03,01</est></task><task id="11"><name>Hrs on Street Report</name><est>2013,03,01</est></task><task id="12"><name>ADP Cloud</name><est>2013,09,19</est></task><task id="13"><name>Security Decoder and Call Loggin</name><est>2013,09,19</est></task><task id="14"><name>Build Job Log</name><est>2013,02,13</est></task><task id="15"><name>Helpdesk Form</name><est>2013,09,19</est></task><task id="16"><name>DP Capabilities Focasting Model</name><est>2013,01,01</est></task><task id="17"><name>Asset section in parameter repor</name><est>2013,09,19</est></task><task id="18"><name>Fix dates in parameter report</name><est>2013,02,25</est></task><task id="19"><name>Survey completion</name><est>2012,07,01</est></task><task id="20"><name>Upgrade Office DM</name><est>2012,02,25</est></task></project></projects>';
var gantt = new GanttChart();
gantt.setImagePath("codebase/gantt/imgs/");
gantt.setEditable(true);
gantt.showContextMenu(true);
gantt.showTreePanel(true);
gantt.create("gantt");
gantt.loadData(ganttdata,false,true);
}
</script>
</head>
<body>
<div id="gantt" style="width:950px;height:620px;position:absolute"></div>
</body>
</html>
The error I get is that the file doesn’t exist. The error actually pops a box that says the File(<?xml version="1.0" encoding="UTF-8"?>…) is not found. However, I am using the gantt.loadData(ganttdata,false,true) with the isFile flag off. Isn’t that correct?
Any help would be much appreciated.
Geoff