extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-08-16 11:38:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

New dhtmlxGantt library, and etemplate2 widget to use it (work in progress)

Browse Source
This commit is contained in:
Nathan Gray
2014-04-16 19:47:29 +00:00
parent 3b68b8bff8
commit c4f56f2c3b
280 changed files with 30260 additions and 480 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
phpgwapi/js/dhtmlxGantt/samples/01_initialization/01_basic_init.html Executable file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Basic initialization</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<style type="text/css">
html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}
</style>
<body>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
var tasks = {
data:[
{id:1, text:"Project #2", start_date:"01-04-2013", duration:18,order:10,
progress:0.4, open: true},
{id:2, text:"Task #1", start_date:"02-04-2013", duration:8, order:10,
progress:0.6, parent:1},
{id:3, text:"Task #2", start_date:"11-04-2013", duration:8, order:20,
progress:0.6, parent:1}
],
links:[
{ id:1, source:1, target:2, type:"1"},
{ id:2, source:2, target:3, type:"0"},
{ id:3, source:3, target:4, type:"0"},
{ id:4, source:2, target:5, type:"2"},
]
};
gantt.init("gantt_here");
gantt.parse(tasks);
</script>
</body>

20
phpgwapi/js/dhtmlxGantt/samples/01_initialization/02_load_json.html Executable file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Load data from JSON file</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<body>
<style type="text/css">
html, body{ padding:0px; margin:0px; height:100%; }
</style>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
gantt.config.xml_date = "%Y-%m-%d %H:%i:%s";
gantt.init("gantt_here");
gantt.load("../common/data.json", "json");
</script>
</body>

21
phpgwapi/js/dhtmlxGantt/samples/01_initialization/03_load_xml.html Executable file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Load data from XML file</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<body>
<style type="text/css">
html, body{ padding:0px; margin:0px; height:100%; }
</style>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
gantt.config.date_grid = "%Y-%m-%d %H:%i";
gantt.config.xml_date = "%Y-%m-%d %H:%i:%s";
gantt.init("gantt_here");
gantt.load("../common/data.xml", "xml");
</script>
</body>

21
phpgwapi/js/dhtmlxGantt/samples/01_initialization/04_connector_json.html Executable file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Loading using connector and JSON</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<style type="text/css">
html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}
</style>
<body>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
gantt.config.xml_date = "%Y-%m-%d %H:%i:%s";
gantt.init("gantt_here");
gantt.load("../common/connector.php");
var dp = new dataProcessor("../common/connector.php");
dp.init(gantt);
</script>
</body>

22
phpgwapi/js/dhtmlxGantt/samples/01_initialization/05_connector_xml.html Executable file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Loading using connector and XML</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<body>
<style type="text/css">
html, body{ padding:0px; margin:0px; height:100%; }
</style>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
gantt.config.xml_date = "%Y-%m-%d %H:%i:%s";
gantt.init("gantt_here");
gantt.load("../common/connector_xml.php", "xml");
var dp = new dataProcessor("../common/connector.php");
dp.init(gantt);
</script>
</body>

23
phpgwapi/js/dhtmlxGantt/samples/01_initialization/06_touch_forced.html Executable file
View File

@ -0,0 +1,23 @@
<!doctype html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Forced touch mode</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<style type="text/css">
html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}
</style>
<body>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
gantt.config.touch = "force";
gantt.init("gantt_here");
gantt.parse(demo_tasks);
</script>
</body>
</html>

22
phpgwapi/js/dhtmlxGantt/samples/01_initialization/07_jquery.html Executable file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>jQuery integration</title>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<style type="text/css">
html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}
</style>
</head>
<body>
<div class="mygantt" style='width:100%; height:100%;'></div>
<script type="text/javascript">
$(".mygantt").dhx_gantt({
data:demo_tasks
});
</script>
</body>

24
phpgwapi/js/dhtmlxGantt/samples/01_initialization/08_explicit_time_range.html Executable file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Define date range</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/skins/dhtmlxgantt_meadow.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<style type="text/css">
html, body { height: 100%; padding:0px; margin:0px; overflow: hidden; }
</style>
<body>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
gantt.config.subscales = [
{unit:"month", step:1, date:"%M" },
{unit:"year", step:1, date:"%Y" }
];
gantt.config.scale_height = 3*28;
gantt.init("gantt_here", new Date(2013, 02, 10), new Date(2013, 03, 20));
gantt.parse(demo_tasks);
</script>
</body>

20
phpgwapi/js/dhtmlxGantt/samples/01_initialization/09_backward_compatibility.html Executable file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Loading data in Gantt 1.6 format</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<style type="text/css">
html, body{ padding:0px; margin:0px; height:100%; }
</style>
<body>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
gantt.config.xml_date = "%Y,%m,%d";
gantt.init("gantt_here");
gantt.load("../common/olddata.xml", "oldxml");
</script>
</body>

16
phpgwapi/js/dhtmlxGantt/samples/01_initialization/10_fixed_size.html Executable file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Fixed size gantt</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<body>
<div id="gantt_here" style='width:1020px; height:400px;'></div>
<script type="text/javascript">
gantt.init("gantt_here");
gantt.parse(demo_tasks);
</script>
</body>

45
phpgwapi/js/dhtmlxGantt/samples/01_initialization/11_clickable_links.html Executable file
View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Clickable links</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<style type="text/css">
html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}
</style>
<body>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
gantt.init("gantt_here");
gantt.parse(demo_tasks);
gantt.attachEvent("onLinkClick", function(id){
var link = this.getLink(id),
src = this.getTask(link.source),
trg = this.getTask(link.target),
types = this.config.links;
var first = "", second = "";
switch (link.type){
case types.finish_to_start:
first = "finish";
second = "start";
break;
case types.start_to_start:
first = "start";
second = "start";
break;
case types.finish_to_finish:
first = "finish";
second = "finish";
break;
}
dhtmlx.message("Must " + first + " <b>" + src.text + "</b> to " + second + " <b>" + trg.text + "</b>");
});
</script>
</body>

22
phpgwapi/js/dhtmlxGantt/samples/01_initialization/12_localization.html Executable file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Localization</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="../../codebase/locale/locale_fr.js" charset="utf-8"></script>
<script type="text/javascript" src="../common/testdata.js"></script>
<style type="text/css">
html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}
</style>
<body>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
gantt.init("gantt_here");
gantt.parse(demo_tasks);
</script>
</body>

79
phpgwapi/js/dhtmlxGantt/samples/01_initialization/13_project_duration.html Executable file
View File

@ -0,0 +1,79 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Project duration</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<style type="text/css">
html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}
.gantt_task_line.gantt_dependent_task {
background-color: #65c16f;
border: 1px solid #3c9445;
}
.gantt_task_line.gantt_dependent_task .gantt_task_progress {
background-color: #46ad51;
}
</style>
<body>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
var demo_tasks = {
"data":[
{"id":11, "text":"Project #1", "start_date":"", "duration":"", "progress": 0.6, "open": true},
{"id":12, "text":"Task #1", "start_date":"03-04-2013", "duration":"5", "parent":"11", "progress": 1, "open": true},
{"id":13, "text":"Task #2", "start_date":"", "duration":"", "parent":"11", "progress": 0.5, "open": true},
{"id":14, "text":"Task #3", "start_date":"02-04-2013", "duration":"6", "parent":"11", "progress": 0.8, "open": true},
{"id":15, "text":"Task #4", "start_date":"", "duration":"", "parent":"11", "progress": 0.2, "open": true},
{"id":16, "text":"Task #5", "start_date":"02-04-2013", "duration":"7", "parent":"11", "progress": 0, "open": true},
{"id":17, "text":"Task #2.1", "start_date":"03-04-2013", "duration":"2", "parent":"13", "progress": 1, "open": true},
{"id":18, "text":"Task #2.2", "start_date":"06-04-2013", "duration":"3", "parent":"13", "progress": 0.8, "open": true},
{"id":19, "text":"Task #2.3", "start_date":"10-04-2013", "duration":"4", "parent":"13", "progress": 0.2, "open": true},
{"id":20, "text":"Task #2.4", "start_date":"10-04-2013", "duration":"4", "parent":"13", "progress": 0, "open": true},
{"id":21, "text":"Task #4.1", "start_date":"03-04-2013", "duration":"4", "parent":"15", "progress": 0.5, "open": true},
{"id":22, "text":"Task #4.2", "start_date":"03-04-2013", "duration":"4", "parent":"15", "progress": 0.1, "open": true},
{"id":23, "text":"Task #4.3", "start_date":"03-04-2013", "duration":"5", "parent":"15", "progress": 0, "open": true}
],
"links":[
{"id":"10","source":"11","target":"12","type":"1"},
{"id":"11","source":"11","target":"13","type":"1"},
{"id":"12","source":"11","target":"14","type":"1"},
{"id":"13","source":"11","target":"15","type":"1"},
{"id":"14","source":"11","target":"16","type":"1"},
{"id":"15","source":"13","target":"17","type":"1"},
{"id":"16","source":"17","target":"18","type":"0"},
{"id":"17","source":"18","target":"19","type":"0"},
{"id":"18","source":"19","target":"20","type":"0"},
{"id":"19","source":"15","target":"21","type":"2"},
{"id":"20","source":"15","target":"22","type":"2"},
{"id":"21","source":"15","target":"23","type":"2"}
]
};
gantt.config.lightbox.sections = [
{name: "description", height: 70, map_to: "text", type: "textarea", focus: true},
{name: "time", height: 72, type: "duration", map_to: "auto"}
];
gantt.config.scale_unit = "month";
gantt.config.date_scale = "%F, %Y";
gantt.config.scale_height = 50;
gantt.config.subscales = [
{unit:"day", step:1, date:"%j, %D" }
];
gantt.init("gantt_here");
gantt.parse(demo_tasks);
</script>
</body>

44
phpgwapi/js/dhtmlxGantt/samples/01_initialization/14_reinitializtion.html Executable file
View File

@ -0,0 +1,44 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>ReInit in different container</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<style type="text/css">
html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}
</style>
<body>
<div id="gantt_here" style='width:100%; height:40%;'></div>
<br>
<input type="button" value="Init in second html container" onclick="reinit()">
<br>
<div id="gantt_here2" style='width:100%; height:40%;'></div>
<script type="text/javascript">
var tasks = {
data:[
{id:1, text:"Project #2", start_date:"01-04-2013", duration:18,order:10,
progress:0.4, open: true},
{id:2, text:"Task #1", start_date:"02-04-2013", duration:8, order:10,
progress:0.6, parent:1},
{id:3, text:"Task #2", start_date:"11-04-2013", duration:8, order:20,
progress:0.6, parent:1}
],
links:[
{ id:1, source:1, target:2, type:"1"},
{ id:2, source:2, target:3, type:"0"},
{ id:3, source:3, target:4, type:"0"},
{ id:4, source:2, target:5, type:"2"},
]
};
gantt.init("gantt_here");
gantt.parse(tasks);
function reinit(){
gantt.init("gantt_here2");
}
</script>
</body>

21
phpgwapi/js/dhtmlxGantt/samples/01_initialization/15_connector_json_enddate.html Executable file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Loading using connector and JSON</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">
<style type="text/css">
html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}
</style>
<body>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
gantt.config.xml_date = "%Y-%m-%d %H:%i:%s";
gantt.init("gantt_here");
gantt.load("../common/connector_enddate.php");
var dp = new dataProcessor("../common/connector_enddate.php");
dp.init(gantt);
</script>
</body>

83
phpgwapi/js/dhtmlxGantt/samples/01_initialization/16_projects_and_milestones.html Executable file
View File

@ -0,0 +1,83 @@
<!DOCTYPE html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Projects and milestones</title>
</head>
<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" title="no title" charset="utf-8">
<script type="text/javascript" src="../common/testdata.js"></script>
<style type="text/css">
html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}
</style>
<body>
<div id="gantt_here" style='width:100%; height:100%;'></div>
<script type="text/javascript">
gantt.config.scale_unit = "month";
gantt.config.date_scale = "%F, %Y";
gantt.config.scale_height = 50;
gantt.config.types["customType"] = "type_id";
gantt.locale.labels['type_' + "customType"] = "New Type";
gantt.config.lightbox["customType" + "_sections"] = [
{name: "description", height: 70, map_to: "text", type: "textarea", focus: true},
{name: "type", type: "typeselect", map_to: "type"}
];
gantt.config.subscales = [
{unit:"day", step:1, date:"%j, %D" }
];
gantt.templates.rightside_text = function(start, end, task){
if(task.type == gantt.config.types.milestone){
return task.text;
}
return "";
};
gantt.config.lightbox.sections = [
{name: "description", height: 70, map_to: "text", type: "textarea", focus: true},
{name: "type", type: "typeselect", map_to: "type"},
{name: "time", height: 72, type: "duration", map_to: "auto"}
];
gantt.init("gantt_here");
var demo_tasks = {
"data":[
{"id":11, "text":"Project #1", type:gantt.config.types.project, "progress": 0.6, "open": true},
{"id":12, "text":"Task #1", "start_date":"03-04-2013", "duration":"5", "parent":"11", "progress": 1, "open": true},
{"id":13, "text":"Task #2", "start_date":"03-04-2013", type:gantt.config.types.project, "parent":"11", "progress": 0.5, "open": true},
{"id":14, "text":"Task #3", "start_date":"02-04-2013", "duration":"6", "parent":"11", "progress": 0.8, "open": true},
{"id":15, "text":"Task #4", type:gantt.config.types.project, "parent":"11", "progress": 0.2, "open": true},
{"id":16, "text":"Final milestone", "start_date":"15-04-2013", type:gantt.config.types.milestone, "parent":"11", "progress": 0, "open": true},
{"id":17, "text":"Task #2.1", "start_date":"03-04-2013", "duration":"2", "parent":"13", "progress": 1, "open": true},
{"id":18, "text":"Task #2.2", "start_date":"06-04-2013", "duration":"3", "parent":"13", "progress": 0.8, "open": true},
{"id":19, "text":"Task #2.3", "start_date":"10-04-2013", "duration":"4", "parent":"13", "progress": 0.2, "open": true},
{"id":20, "text":"Task #2.4", "start_date":"10-04-2013", "duration":"4", "parent":"13", "progress": 0, "open": true},
{"id":21, "text":"Task #4.1", "start_date":"03-04-2013", "duration":"4", "parent":"15", "progress": 0.5, "open": true},
{"id":22, "text":"Task #4.2", "start_date":"03-04-2013", "duration":"4", "parent":"15", "progress": 0.1, "open": true},
{"id":23, "text":"Mediate milestone", "start_date":"14-04-2013", type:gantt.config.types.milestone, "parent":"15", "progress": 0, "open": true}
],
"links":[
{"id":"10","source":"11","target":"12","type":"1"},
{"id":"11","source":"11","target":"13","type":"1"},
{"id":"12","source":"11","target":"14","type":"1"},
{"id":"13","source":"11","target":"15","type":"1"},
{"id":"14","source":"23","target":"16","type":"0"},
{"id":"15","source":"13","target":"17","type":"1"},
{"id":"16","source":"17","target":"18","type":"0"},
{"id":"17","source":"18","target":"19","type":"0"},
{"id":"18","source":"19","target":"20","type":"0"},
{"id":"19","source":"15","target":"21","type":"2"},
{"id":"20","source":"15","target":"22","type":"2"},
{"id":"21","source":"15","target":"23","type":"0"}
]
};
gantt.parse(demo_tasks);
</script>
</body>

191
phpgwapi/js/dhtmlxGantt/samples/01_initialization/index.html
View File

@ -1,45 +1,152 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<!doctype html>
<html>
<head>
<title>Initialization</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="title" content="Samples" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="icon" href="../common/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../common/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="../common/css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="../common/docs.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale = 1.0" />
<title>Gantt : Samples</title></title>
</head>
<body>
<div class="header">
<a class="logo" href="http://www.dhtmlx.com" title="DHTMLX homepage"></a>
<div class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</div>
<div class="search-field">
<form action="http://docs.dhtmlx.com/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit">Search</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
</div>
<div class="buttons">
<a class="doc_inact" href="../../../docsExplorer/index.html" title="DHTMLX Documentation homepage"></a>
<a class="sample"></a>
</div>
</div>
<div class="content">
<div class="navigation-div">
<a href="../../../docsExplorer/samples.html" class="navigation"><img src="../common/icons/file.gif" alt="" border=0 >All components</a>
<div class="arrow"></div>
<a href="../index.html" class="navigation"><img src="../common/icons/gantt.gif" alt="" border=0 >dhtmlxGantt</a>
</div>
<div style="display:block;">
<h3>Initialization</h3>
</div>
<ul class="topics samples">
<li><a href='./1_readonly.html'>Read-only Gantt</a></li><li><a href='./2_withtree.html'>Gantt with tree</a></li><li><a href='./3_hidden_descr.html'>Chart with hidden descriptions</a></li>
<!--<li><a href="#">Calendar eXcell</a></li>-->
</ul>
</div>
<div class="footer">
<div class="footer-logo"></div>
<div class="copyright">Copyright &copy; 1998-2009 DHTMLX LTD.<br />All rights reserved.</div>
</div>
</body>
<body>
<div class='abstop_header'>
<div class='content_area'>
&nbsp;
</div>
</div>
<div class="page_header">
<div class='page_inner_header'>
<a href='http://dhtmlx.com'><div class='top_webix_logo'></div></a>
Samples
</div>
</div>
<div class="page_space">
<div class="webixdoc_page webixdoc_start">
<div id="webixContent" class='webixdoc_content'>
<div class="webixdoc_content_inner">
<div class="webixdoc_breadcrumb nav_breadcrumb">
<a href="http://docs.dhtmlx.com/gantt/" class="webixdoc_back">Documentation</a>
<a href="../index.html" class="webixdoc_back">Samples</a>
<a href='../index.html' class='webixdoc_back'>01 Initialization</a>
</div>
<table class='nav_table'>
<tr>
<td style='width:30px;'>
<a href='01_basic_init.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='01_basic_init.html'>Basic initialization</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='02_load_json.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='02_load_json.html'>Load data from JSON file</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='03_load_xml.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='03_load_xml.html'>Load data from XML file</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='04_connector_json.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='04_connector_json.html'>Loading using connector and JSON</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='05_connector_xml.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='05_connector_xml.html'>Loading using connector and XML</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='06_touch_forced.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='06_touch_forced.html'>Forced touch mode</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='07_jquery.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='07_jquery.html'>jQuery integration</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='08_explicit_time_range.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='08_explicit_time_range.html'>Define date range</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='09_backward_compatibility.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='09_backward_compatibility.html'>Loading data in Gantt 1.6 format</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='10_fixed_size.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='10_fixed_size.html'>Fixed size gantt</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='11_clickable_links.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='11_clickable_links.html'>Clickable links</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='12_localization.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='12_localization.html'>Localization</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='13_project_duration.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='13_project_duration.html'>Project duration</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='14_reinitializtion.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='14_reinitializtion.html'>ReInit in different container</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='15_connector_json_enddate.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='15_connector_json_enddate.html'>Loading using connector and JSON</a> </td>
</tr>
<tr>
<td style='width:30px;'>
<a href='16_projects_and_milestones.html'><div class='nav_page_img'>&nbsp;</div></a>
</td><td> <a href='16_projects_and_milestones.html'>Projects and milestones</a> </td>
</tr>
</table>
</div>
</div>
</div>
</div>
<!--Side quick links -->
<div class="side_links">
<a class="reference_link" href="http://docs.dhtmlx.com/gantt/api__refs__gantt.html">
<span>API Reference</span>
</a>
<a class="sample_link" href="../index.html">
<span>Code Samples</span>
</a>
<a class="forum_link" href="http://forum.dhtmlx.com/viewforum.php?f=15">
<span>Developer Forum </span>
</a>
</div>
</div>
</div>
<div class="footer_linea">&nbsp;</div>
<div class="footer_lineb">
<div class='page_inner_header'>
<a href='http://dhtmlx.com'><div class='bottom_webix_block bottom_webix_logo' ></div></a>
<div class='copyright bottom_webix_block'>© 2014 Dinamenta, UAB<br>
All rights reserved</div>
<div class='bottom_webix_also'>
<h4>Check also:</h4>
<li><a href='http://dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml' target='_blank'>DHTMLX Scheduler</a></li>
<li><a href='http://dhtmlx.com/docs/products/dhtmlxSuite/index.shtml' target='_blank'>Other DHTMLX components</a></li>
</div>
</div>
</div>
</body>
</html>