JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Kanban › Kanban task drag – how to find task details? › Reply To: Kanban task drag – how to find task details?
June 28, 2021 at 2:07 pm
#101948
yavordashew
Member
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/