Filamentphp Using drag and drop sorting on a custom page

Question

I want to sort list Using drag and drop sorting on Filamentphp custom page

I used this example

<div
    x-data="{}"
    x-sortable
    x-on:end="console.log('Sorting ended!', $event.detail)"
    class="flex flex-col gap-2"
>
    @foreach ($tasks as $task)
        <div
            x-sortable-handle
            x-sortable-item="{{ $task->id }}"
            class="py-2 bg-white px-4"
        >
            {{ $task->title }}
        </div>
    @endforeach
</div>```
to sort list, sorting work fine but I have an issue $event.detail is always null, How I can get the sorted list


I try to use `x-on:sortupdate` event but it not works

```

cigien · Accepted Answer · 2024-01-10 12:56:46Z

0

You don't need $event.detail, just use $event and you will get all details you want.

edited Jan 10, 2024 at 12:56

cigien

61.1k11 gold badges86 silver badges123 bronze badges

answered Jan 10, 2024 at 12:08

Ghadeer Ahmad

1746 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Filamentphp Using drag and drop sorting on a custom page

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related