Hi. Hope you are doing good. I am facing problem on showing dependencies linking line on bryntum scheduler pro in Angular...I want to linking like this
But now my scheduler pro is looking like this
...
Can you help me out here that where am i wrong
my code
config.ts
export const schedulerProConfig = {
schedulerId: 'top-scheduler',
startDate: new Date(2020, 3, 26),
endDate: new Date(2020, 4, 10),
viewPreset: 'dayAndWeek',
// eventStyle: 'plain',
eventStyle: 'colored',
// eventStyle: 'hollow',
tickSize: 100,
rowHeight: 60,
// rowHeight: 170,
resourceImagePath: 'assets/users',
columnLines: false,
columns: [
{
type: 'tree',
text: 'Name',
field: 'name',
width: 180,
tree: true,
showRole: true
},
{ text: 'Designation', field: 'designation', width: 90 },
{
text: 'Actions',
type: 'action',
width: 40,
align: 'center',
actions: [{
cls: 'b-fa b-fa-fw b-fa-plus',
tooltip: 'Duplicate Resource',
onClick: () => {
alert('click');
}
}]
}
],
listeners : {
cellClick({ grid, record, column, cellSelector, cellElement, target, event }: any) {
if (column.region === 'locked') {
console.log(record.originalData);
console.log(record);
console.log('Id:- '+record.originalData.id+', '+'Name:- '+record.originalData.name);
// alert('Id:- '+record.originalData.id+', '+'Name:- '+record.originalData.name);
// debugger;
}
}
},
features: {
tree: true,
infiniteScroll: true,
regionResize: true,
percentBar: true,
resourceNonWorkingTime: true,
timeRanges : true,
cellEdit: true,
filter: true,
dependencies: true,
dependencyEdit : {
showLagField : false
},
eventTooltip: {
},
},
// Start with todays date
visibleDate: {
date: new Date(),
block: 'center'
},
project
};
my data.json
"dependencies": {
"rows": [
{
"id": 1,
"fromEvent": 1,
"toEvent": 15,
"lagUnit": "d",
"lag": 1,
"cls": "dev-path"
}
]
}