gantt.parse() will not render spefic tasks

Riftsan · February 8, 2018, 8:01pm

I have the following arrays that renders tasks:

///////////////////////////END//////////////////////////////////////////

This other array that does not render the tasks:

From what I can tell they are both identical in structure. I am not sure why one works and other doesn’t. The way I am loading it is as follows:

	gantt.config.grid_width = 500;
	gantt.config.order_branch = true;
	gantt.config.order_branch_free = true;
	gantt.config.scale_unit = "month";
	gantt.config.date_scale = "%M, %Y";
	gantt.config.drag_move = false; //disables the possibility to move tasks by dnd
	gantt.config.drag_links = false; //disables the possibility to create links by dnd
	gantt.config.drag_progress = false; //disables the possibility to change the task //progress by dragging the progress knob
	gantt.config.drag_resize = false; //disables the possibility to resize tasks by dnd
	gantt.config.details_on_dblclick = false;
	gantt.config.smart_scales = true;
	gantt.config.xml_date="%Y-%m-%d %H:%i";
	gantt.config.order_branch = true;
	gantt.config.order_branch_free = true;
	gantt.config.details_on_dblclick = false;
	gantt.config.xml_date="%Y-%m-%d %H:%i";

	gantt.config.columns = [
		{name:"text",       label:"Procurement/Milestone", align: "center", tree:true },
		{name:"start_date", label:"Start time", align: "center" },
		{name:"duration",   label:"Duration",   align: "center" },
		{name:"KO",  label:"Contract Officer", align: "center"}
	];


		gantt.templates.task_text = function(start,end,task){

		    if (task.Parent == "0") {
		                return task.text;
		          }
		    else {
		            return task.text + " - " + task.MileStone;
		           }
			};

var date_to_str = gantt.date.date_to_str(gantt.config.task_date);
var markerId = gantt.addMarker({
start_date: new Date(), //a Date object that sets the marker’s date
css: “today”, //a CSS class applied to the marker
text: “Today”, //the marker title
title:date_to_str( new Date()) // the marker’s tooltip
});

            gantt.init("gantt_here");
            gantt.parse(Tasks);

Whats hard about debugging this, is that I don’t get any console errors. Ive tried Firefox and chrome as well and same results. The gantt graph shows up but its blank without any tasks. When I parse the first array the tasks show up just fine. If I try the second array, the tasks don’t show up. The problem is something in the second array which I can’t figure out.

Polina · February 9, 2018, 11:00am

Hello,

Events in the second data set have
“parent”: 1,

But there is no event with this id. That is why they can’t be rendered on page.
If “parent”: 0 ->> it means event doesn’t have parent.

Please check the snippet docs.dhtmlx.com/gantt/snippet/ea1e7031
Task #1 hasn’t parent (parent:0) and task 3 has parent with id 111. There is no task with ID:111 in data -> task3 isn’t rendered.

Riftsan · February 12, 2018, 3:20am

Thanks @Polina! You are totally awesome! =D.

As a side note, it would be nice if the framework gives you a console error when this happens.