Error when edit task.

[Brandon]

Hi! 
I got this error when I try to edit my task. This is happening when try to connect new points, when resizing, when child drag, etc 

<GanttComponent

ref={(gantt) => setGantObj(gantt)}

dataSource={ganttData}

allowSorting

cssClass="gantt-tasks"

gridLines="Vertical"

taskFields={ganttValues}

timelineSettings={timeLineSettings}

editSettings={editSettings}

tooltipSettings={toolTipsSettings}

labelSettings={labelSettings}

height="calc(90vh - 188px)"

projectStartDate={projectStartDate}

projectEndDate={projectEndDate}

dataBound={dataBound.bind(this)}

rowHeight={50}

taskMode="auto"

highlightWeekends={false}

connectorLineBackground="#FF5858"

connectorLineWidth={1}

queryTaskbarInfo={queryTaskbarInfo.bind(this)}

actionComplete={onActionCompleteDayView.bind(this)}

onTaskbarClick={onTaskbarClick.bind(this)}

taskbarEditing={taskbarEditing.bind(this)}

taskbarEdited={taskbarEdited.bind(this)}

>

<ColumnsDirective>

<ColumnDirective field="TaskName" headerText="Tareas" />

</ColumnsDirective>

<EventMarkersDirective>

<EventMarkerDirective

day={new Date()}

label="Hoy"

cssClass="e-custom-today"

/>

<EventMarkerDirective

day={new Date('02/13/2022')}

label="Tarea Milestone"

cssClass="e-custom-mileston-task"

/>

</EventMarkersDirective>

<Inject services={[Edit, Sort, DayMarkers, Resize]} />

</GanttComponent>

[Premkumar Sudalaimuthu]

Hi Brandon, 

 

We need some time to validate the issue and will share further details within two business days on 22^nd February 2022. Until then we appreciate your patience. 

 

Regards, 

Premkumar S 

[Premkumar Sudalaimuthu]

Hi Brandon, 

 

This issue occurs because editing requires a primary key column. By default, the TaskId column will be the primary key column. You can avoid this by either setting the visibility of the TaskId column as false or you can set another column as the primary key column by mapping the IsPrimaryKey field to another column. By doing this, you do not have to map the TaskId column. For more details, please refer to our Online Documentation. We have shared code snippets for how to hide the column. 

 

Code snippets: 

 

   <ColumnDirective 

                field="TaskID" 

                width="60" 

                visible={false} 

              ></ColumnDirective> 

 

 

 

Online documentation: https://ej2.syncfusion.com/vue/documentation/gantt/managing-tasks/#troubleshoot-editing-works-only-when-primary-key-column-is-defined  

 

Sample: https://stackblitz.com/edit/react-vnb8xe  

 

Regards, 

Premkumar S