Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Kanban › How to get task order number when drag within the same column?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 27, 2021 at 6:05 pm #102600
    Abilio
    Participant

    Hello,

    I’m already detecting the change trough the event

    document.getElementById(‘kanban’).addEventListener(‘change’, function (event) {
    const detail = event.detail,
    oldValue = detail.oldValue,
    task = detail.task,
    value = detail.value;

     

    But, how to know the exact row position of the task changed?

    I try “value.index” or “value.row” but should be different…

    What is the property?

     

    Thanks

     

    December 2, 2021 at 2:23 pm #102628
    ivanpeevski
    Participant

    Hello Abilio,

    Please have a look at the demo here: Codepen demo

    Every time you drag a task, the console will log the new index of the task within its parent column (0 is the first index).

    If you have any other questions, please do not hesitate to contact us again.
    Best regards,
    Ivan Peevski
    Smart UI Team
    https://www.htmlelements.com/

    December 2, 2021 at 7:54 pm #102632
    Abilio
    Participant

    Hello Ivan,

    Many thanks! The solution is exactly what I need.

    Kind Regards,

    Abilio

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.