We are upgrading from Ext Gantt to Bryntum Gantt 6.3.2,
we have added Gantt like below :
ganttView = new Gantt({
taskRenderer: ({ taskRecord, renderData }) => {
return taskRecord.isMilestone ? '' : taskRecord.percentDone + '%';
},
project: {
stm: { autoRecord: true },
autoSetConstraints: true,
tasks: [
{
id: 1,
name: 'Write docs',
expanded: true,
children: [
{ id: 2, name: 'test1', startDate: '2022-01-02', endDate: '2022-01-09' },
{ id: 3, name: 'test2', startDate: '2022-01-09', endDate: '2022-01-10' }
]
}
],
dependencies: [
{ fromTask: 2, toTask: 3 }
]
},
showDirty: {
duringEdit: true
},
labels: true,
features: {
filter: true,
labels: {
right: {
renderer: function ({ taskRecord }) {
let right = NewGanttUtil.getGanttLabel(taskRecord, true)
return right;
}
},
left: {
renderer: function ({ taskRecord }) {
let left = NewGanttUtil.getGanttLabel(taskRecord, false);
return left;
}
}
},
progressLine: {
disabled: true
},
baselines: {
disabled: true
},
criticalPaths: { disabled: true },
rollups: true,
print: true,
dependencyEdit: true,
dependencies: {
showTooltip: false,
clickWidth: 5,
radius: 10,
terminalOffset: 0,
terminalSize: 12,
},
},
// project: projectData,
subGridConfigs: {
locked: {
width: 500
}
},
columns: [
{ type: 'wbs', hidden: true, sortable: false },
{ type: 'name', width: 250, sortable: false },
{ type: 'duration', sortable: false },
{ type: 'startdate', sortable: false },
{ type: 'enddate', sortable: false },
{ type: 'percentdone', mode: 'circle', width: 70, sortable: false },
{
type: 'predecessor', sortable: false, width: 112,
renderer:
({ record }) => {
let predecessors = record.predecessors;
if (predecessors.length) {
var toBeRendered = new Array();
for (const predecessor of predecessors) {
let lag = predecessor.get('lag');
let lagSymbol = parseInt(lag) >= 0 ? '+' : '';
let display = predecessor.get('predTaskSeqNumber') + ':' + predecessor.get('DependencyType') + lagSymbol + lag + ' ' + predecessor.get('lagUnit');
toBeRendered.push(display);
// return display;
}
return toBeRendered.join(',');
}
}
},
// { type: 'successor', width: 112 },
{ type: 'constrainttype', sortable: false },
{ type: 'constraintdate', sortable: false },
],
selectionMode: {
cell: true,
dragSelect: true,
rowNumber: true
},
});
However, when we click on start date column to edit, getting below error,
gantt.umd.js?debug_m…rojectWidget1:95032 Uncaught Error: CalendarPanel date ingestion must be passed a Date, or a YYYY-MM-DD date string
at SchedulerDatePicker.changeDate (gantt.umd.js?debug_m…ectWidget1:95032:17)
at SchedulerDatePicker.changeMinDate (gantt.umd.js?debug_m…ctWidget1:100115:62)
at SchedulerDatePicker.set (gantt.umd.js?debug_m…jectWidget1:4110:48)
at SchedulerDatePicker.set (gantt.umd.js?debug_m…jectWidget1:4183:24)
at SchedulerDatePicker.setConfig (gantt.umd.js?debug_m…jectWidget1:5540:21)
at SchedulerDatePicker.configure (gantt.umd.js?debug_m…jectWidget1:5393:12)
at SchedulerDatePicker.construct (gantt.umd.js?debug_m…jectWidget1:5036:16)
at SchedulerDatePicker.construct (gantt.umd.js?debug_m…ectWidget1
15)
at SchedulerDatePicker.construct (gantt.umd.js?debug_m…jectWidget1:7479:15)
at SchedulerDatePicker.construct (gantt.umd.js?debug_m…ectWidget1:59283:15)
36)
21)
61)