Reply To: Kanban task drag – how to find task details?

[yavordashew]

Hi davout,
I have prepared a quick code snippet which showcases how to get the data you need.
First in your app.component.html file you define the event like this:

<smart-kanban
    #kanban id="kanban"
    [dataSource]="dataSource"
    [columns]="columns"
    [formatStringDate]="'dd MMM yyyy'"
    [taskUserIcon]="false"
    [taskActions]="true"
    [taskDue]="true"
    (dragEnd) = "dragEndHandler($event)"
    >
</smart-kanban>

//And in your app.component.ts file:

    dragEndHandler(event): void {
        const detail =  event.detail,
        item = detail.item;
        setTimeout(() => {
            console.log(item.data.status);
            console.log(item.data.id)
        }, 100);
    };

Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/