Moving between more than 2 lists?

[peterdrier]

Not really an issue as much as a question & likely feature request..

My setup has multiple lists, it's dynamic and hierarchical tbh.. Ideal world I'd love to be able to drag/drop between all of them. As is now, the index change slots are not sufficient for such moves.

Is there a recommendation for how to do this? Or has anyone sorted a way to pass the second list's actual list<> back to the handler?

[MSE1188]

Hi, I had the same problem and found a workaround by expanding the OnRemove-Callback with additional information.
In the last line of the SortableList.razor.js file you can simply put the ids of the old and new list into the OnRemove call:

//line 30:
component.invokeMethodAsync('OnRemoveJS', event.from.id, event.oldDraggableIndex, event.to.id, event.newDraggableIndex);

Then you need to expand the invokable in the SortableList.razor file accordingly:

//line 32
[Parameter]
public EventCallback<(string oldListId, int oldIndex, string newListId, int newIndex)> OnRemove { get; set; }

...

//line 79
[JSInvokable]
public void OnRemoveJS(string oldListId, int oldIndex, string newListId, int newIndex)
{
    // remove the item from the list
    OnRemove.InvokeAsync((oldListId, oldIndex, newListId, newIndex));
}

When using the SortableList make sure to pass an Id Parameter so you can find them (if not a random Guid is given as Id)