Hi Vin,
Kindly find below responses for your query.
What all events can i use to capture when i move between swimlanes? And how to undo swimlane change?
We have validated your query at our end and suspect that your need is to capture the changed cards. We can take the moved card details by making use of the
dragStop event.
|
onDragStop(args) {
// Here, we can capture the card details which has been moved
console.log(args.data[0]);
} |
How do i control the edit card fields ?
We have validated your query at our end and suspect that your need is to prevent the dialog from its opening. So we suggest you to refer the below UG to know more details about the card fields and preventing dialog.
how do i make them readonly or have validation for fields?
We can achieve readonly for fields by using the
open event of the Dialog component and
dialogOpen of the event.
|
onDialogOpen(args: any) {
args.element.ej2_instances[0].open = this.onOpen;
let validator: any = args.element.querySelector('.e-kanban-form').ej2_instances[0];
validator.rules = {
Summary: { required: true }
};
validator.dataBind();
}
onOpen(args) {
args.element.querySelector('#Status').ej2_instances[0].readonly = true;
args.element.querySelector('#Assignee').ej2_instances[0].readonly = true;
args.element.querySelector('#Priority').ej2_instances[0].readonly = true;
} |
And can i remove delete option?
We can remove the delete button by using the below CSS.
|
.e-kanban-dialog .e-dialog-delete {
display: none !important;
} |
Can i add a link on edit mode so user can navigate to the details of this item?
We can add a link in the dialog window by using the dialogTemplate like below.
|
<tr>
<td class="e-label">Link</td>
<td>
<div class="e-float-input e-control-wrapper">
<a rel='nofollow' href="https://ej2.syncfusion.com/angular/demos/#/material/kanban/overview" target="_blank">Kanban Overview</a>
</div>
</td>
</tr> |
Kindly try the above solution and let us know if you need further assistance.
Regards,
Balasubramanian S
