Error

[vin]

I am getting this error for

ERROR TypeError: Cannot read property 'filter' of undefined

    at GanttComponent.getExpandedRecords (vendor.js:273744)

    at Dependency.createConnectorLinesCollection (vendor.js:271428)

    at GanttChart.reRenderConnectorLines (vendor.js:266326)

    at GanttComponent.updateProjectDates (vendor.js:274874)

    at GanttComponent.renderGantt (vendor.js:273582)

    at TaskProcessor.checkDataBinding (vendor.js:263433)

    at GanttComponent.onPropertyChanged (vendor.js:274174)

    at GanttComponent.dataBind (vendor.js:102405)

    at GanttComponent.dataBind (vendor.js:103863)

    at ZoneDelegate.invokeTask (polyfills.js:663)

My other Gantt chart works fine in another module!!

{"TaskID":1,"TaskName":"Enterprise Sales","StartDate":"2021-01-01T06:00:00.000Z","EndDate":"2021-12-31T06:00:00.000Z","Progress":20,"isManual":true,"Children":[{"TaskID":2,"TaskName":"Sales Program","StartDate":"2021-01-01T06:00:00.000Z","EndDate":"2021-12-31T06:00:00.000Z","Progress":30,"isManual":true,"Children":[{"TaskID":4,"TaskName":"Project 01 Under Sales Program","StartDate":"2021-05-10T05:00:00.000Z","EndDate":"2021-05-31T05:00:00.000Z","Progress":41,"isManual":true,"Predecessor":2}],"Predecessor":1},{"TaskID":3,"TaskName":"Sell Potato Fries","StartDate":"2021-05-03T05:00:00.000Z","EndDate":"2021-09-30T05:00:00.000Z","Progress":40,"isManual":true,"Predecessor":1}],"Predecessor":null}

 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: 'Task Name' },

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

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

    ];

    this.editSettings = {

      allowAdding: false,

      allowEditing: false,

      allowDeleting: false,

      allowTaskbarEditing: false,

      showDeleteConfirmDialog: false

    };

    this.toolbar = ['ExpandAll', 'CollapseAll']; //'Add', 'Edit', 'Update', 'Delete', 'Cancel', 

    this.splitterSettings = {

      position: "25%"

    }

    this.labelSettings = {

      leftLabel: 'TaskName'

    };

    this.timelineSettings = {

      timelineViewMode: 'Month',

      timelineUnitSize: 100,

    };

    <ejs-gantt id="TaskMode1" 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" [toolbar]="toolbar"  taskMode="Custom" [enablePredecessorValidation]="false">

[Monisha Sivanthilingam]

Hi Vin, 

 

Thank you for contacting Syncfusion support. 

 

We analyzed your query, however, we were unable to replicate the issue you reported. We tried with the codes you shared, however we were unable to replicate the issue you reported. Please find the sample we prepared using the code and data you shared below. 

 

Sample: https://stackblitz.com/edit/angular-gzygm3?file=app.component.ts  

 

Please share with us more details about the issue you faced like: 

1. The use cases in which you faced the issue
2. The steps taken to replicate the issue.
3. Is it possible to share a video replicating the issue ?

 

If possible please modify the sample to replicate your issue. 

 

Regards, 

Monisha.