Gantt Chart Expand/Collapse

[vin]

I am getting error when i click on Expand/Collapse button in toolbar

Pls find the JSON attachment

this.dayWorkingTime=[

{

from:0,

to:23

}

];

this.taskSettings={

id:'TaskID',

name:'TaskName',

startDate:'StartDate',

duration:'Duration',

progress:'Progress',

endDate:'EndDate',

dependency:'Predecessor',

child:'Children',

manual:'isManual'

};

this.columns=[

{field:'TaskID',visible:false},

{field:'TaskName',headerText:'TaskName'},

{field:'StartDate',headerText:'StartDate'},

{field:'EndDate',headerText:'EndDate'}

];

this.editSettings={

allowAdding:false,

allowEditing:false,

allowDeleting:false,

allowTaskbarEditing:false,

showDeleteConfirmDialog:false

};

this.toolbar=['ExpandAll','CollapseAll','PdfExport','ExcelExport','CsvExport','ZoomToFit','ZoomIn','ZoomOut'];//'Add','Edit','Update','Delete','Cancel',

this.splitterSettings={

position:"25%"

}

this.labelSettings={

leftLabel:'TaskName'

};

this.timelineSettings={

timelineViewMode:'Month',

timelineUnitSize:100,

};

<ejs-gantt#gantt1id="gantt1"height="100%"[dataSource]="ganttData"[taskFields]="taskSettings"

readOnly=true[columns]="columns"[treeColumnIndex]="1"[dayWorkingTime]="dayWorkingTime"

[splitterSettings]="splitterSettings"[timelineSettings]="timelineSettings"

[labelSettings]="labelSettings"[editSettings]="editSettings"[allowSelection]="true"

[includeWeekend]="true"

[highlightWeekends]="true"allowPdfExport='true'allowExcelExport='true'[toolbar]="toolbar"(toolbarClick)="toolbarClick($event)"taskMode="Custom"[enablePredecessorValidation]="false">

ejs-gantt>

Attachment: GanttData_1415ab96.zip

[vin]

I am getting error when i click on Expand/Collapse button in toolbar

Pls find the JSON attachment

this.dayWorkingTime=[

{

from:0,

to:23

}

];

this.taskSettings={

id:'TaskID',

name:'TaskName',

startDate:'StartDate',

duration:'Duration',

progress:'Progress',

endDate:'EndDate',

dependency:'Predecessor',

child:'Children',

manual:'isManual'

};

this.columns=[

{field:'TaskID',visible:false},

{field:'TaskName',headerText:'TaskName'},

{field:'StartDate',headerText:'StartDate'},

{field:'EndDate',headerText:'EndDate'}

];

this.editSettings={

allowAdding:false,

allowEditing:false,

allowDeleting:false,

allowTaskbarEditing:false,

showDeleteConfirmDialog:false

};

this.toolbar=['ExpandAll','CollapseAll','PdfExport','ExcelExport','CsvExport','ZoomToFit','ZoomIn','ZoomOut'];//'Add','Edit','Update','Delete','Cancel',

this.splitterSettings={

position:"25%"

}

this.labelSettings={

leftLabel:'TaskName'

};

this.timelineSettings={

timelineViewMode:'Month',

timelineUnitSize:100,

};

<ejs-gantt#gantt1id="gantt1"height="100%"[dataSource]="ganttData"[taskFields]="taskSettings"

readOnly=true[columns]="columns"[treeColumnIndex]="1"[dayWorkingTime]="dayWorkingTime"

[splitterSettings]="splitterSettings"[timelineSettings]="timelineSettings"

[labelSettings]="labelSettings"[editSettings]="editSettings"[allowSelection]="true"

[includeWeekend]="true"

[highlightWeekends]="true"allowPdfExport='true'allowExcelExport='true'[toolbar]="toolbar"(toolbarClick)="toolbarClick($event)"taskMode="Custom"[enablePredecessorValidation]="false">

ejs-gantt>

Attachment: GanttData_1415ab96.zip

Any help please

[Gurpreet Singh]

We build browser apps, websites, mobile and desktop apps for many clients. And with that such great experience we were able to build below products that we sell to our customers

https://www.endurancesoftwares.com/

[Monisha Sivanthilingam]

Hi Vin, 

 

Greetings from Syncfusion support. 

 

We have analyzed the issue you reported and would like to inform you that this issue occurs because the TaskID values in your data are not unique. The TaskID field acts as the primary key field in the Gantt. Hence, it should be unique for every record. Please ensure that the TaskID field is unique for every record in your data to avoid this issue. 

 

Regards, 

Monisha. 

[vin]

Thanks

What is this error 
Cannot read property 'ganttProperties' of undefined

Error

[Monisha Sivanthilingam]

Hi Vin, 

 

We have analyzed the issue you reported, however, we were unable to replicate the issue you reported. We created a sample using the data and code snippets you provided, however, the issue you reported was not replicated by us. Please share more details about the issue you reported, such as: 

 

1. The use cases in which the issue you reported occurs.
2. What are the steps taken to replicate the issue ?
3. Can you please share a video replicating the issue ?
4. Have you used tooltip template to display your tooltip ?
5. What is the version of Gantt you are using ?

 

Please find the sample we used to validate your issue below. If possible, please modify the sample to replicate your issue or share issue reproducible sample of your own. 

 

Sample: https://stackblitz.com/edit/angular-nhtcj2?file=app.component.html 

 

Any information you could share with us will be useful to us in providing a solution to you. 

 

Regards, 

Monisha.