I am currently using the ejs-diagram component with the type: 'SwimLane' in an Angular 18 project. I would like to disable editing on the Lane headers.
I have reviewed the documentation but could not find a solution for this specific requirement. I also attempted to apply constraints: AnnotationConstraints.ReadOnly, but it did not achieve the desired result.
Could you kindly advise if there is a way to disable editing on Lane headers? I would greatly appreciate your assistance and any guidance you can provide.
Thank you in advance for your support!
Best regards,
<ejs-diagram #diagram id="diagram" width="100%" height="475px"
[snapSettings]='snapSettings'
[getConnectorDefaults]='getConnectorDefaults'
[getNodeDefaults]='getNodeDefaults'
[tooltip]='tooltip'
[tool]='tool'
[selectedItems]='selectedItems'
[contextMenuSettings]='contextMenuSettings'
(contextMenuOpen)='contextMenuOpen($event)'
(contextMenuClick)='contextMenuClick($event)'
(created)="created()"
(doubleClick)="getDoubleClick($event)"
(click)="getDetailClick($event)"
(positionChange)="onDragEnter($event)"
[commandManager]="commandManager"
>
</ejs-diagram>
generateLanes(): LaneModel[] {
let lanes: any[] = [];
lanes = this.decKeys.map((key, index) => ({
id: `stackCanvas${index}`,
header: {
annotation: {
content:
key == null ? '' : key.length > this.headerTextLength ? key.slice(0, this.headerTextLength) + '...' : key,
addInfo: {
value: key == null ? '' : `${key} [${this.utils.titleCase(this.decKeyTypes[index])}]`,
description: this.decKeyDescriptions[index],
},
constraints: AnnotationConstraints.ReadOnly,
},
addInfo: { value: key == null ? '' : key },
width: 50,
style: {
fontSize: 11,
fill: 'transparent',
},
},
height: 100,
children: this.generateChildrenNodes(index),
canMove: false,
})) as LaneModel[];
// generate last static Assignment lane
lanes.push({
id: `stackCanvas${lanes.length}`,
header: {
annotation: {
content: 'Assignment',
addInfo: {
value: 'Assignment',
},
constraints: AnnotationConstraints.ReadOnly,
},
width: 50,
style: { fontSize: 11, fill: '#BDB76B' },
},
height: 100,
children: this.generateAssignmentNodes(lanes.length),
canMove: false,
});
return lanes;
}
