drag and drop sortable api

Topic: drag and drop sortable api

tjwilco asked 3 years ago

I'm trying to use the API to trigger an action when an item is moved. I'm using the code from your documentation but nothing is happening.

const sortableItem = document.getElementById('sortable-item-1');
sortableItem.addEventListener('move.mdb.sortable', (e) => {
  alert("moving!");
});

What am I doing wrong?

Add comment

Michał Duszak staff answered 3 years ago

0 0 Best answer

Hello, thank you for reporting this issue. It's in our TO DO list and will be resolved as soon as it is possible.

Best regards and keep coding,

Michal

Danny pro premium priority commented 3 years ago

Is this still not fixed? Can't get it working neither.

Add comment

Michał Duszak staff answered 3 years ago

0 0 Best answer

@Danny we didn't fix this issue. Until it's not fixed, you can create a workaround in the source code - in the sortable.js file there is this EVENT_MOVE constant in Line 41 - you have to change its name, for example:

const EVENT_MOVE = `onMove${EVENT_KEY}`;

then it should work under a different event - onMove.mdb.sortable

  const sortableItems = document.querySelectorAll('.sortable-item');
    sortableItems.forEach(item => {
      item.addEventListener('onMove.mdb.sortable', (e) => {
        console.log("moving!");
      });
    })

Add comment

Aleardo Lodi pro premium priority answered 3 years ago