Sortowalny laravel Blade

Laravel Blade Sortable zapewnia niestandardowe komponenty blade, które umożliwiają dodawanie sortowalnych elementów HTML metodą „przeciągnij i upuść” w aplikacjach Laravel.

Just released "laravel-blade-sortable" 🎉

Add HTML element sorting to your @laravelphp #Blade views powered by @Alpine_JS and #SortableJs 👌

Use the sort order in form submissions or inside @LaravelLivewire components 🔥https://t.co/7NWXpFJp5P

Enjoy! 👍 Feedback welcomed! 🤗 pic.twitter.com/5w2fpQjZII

— Andrés Santibáñez (@asantibanez) February 5, 2021

Ten pakiet wykorzystuje SortableJS i AlpineJS, aby umożliwić sortowanie i zapewnia dwa niestandardowe komponenty ostrza, aby umożliwić sortowanie elementów DOM:

<x-laravel-blade-sortable::sortable as="ul">
    <x-laravel-blade-sortable::sortable-item sort-key="jason">
        Jason
    </x-laravel-blade-sortable::sortable-item>
    <x-laravel-blade-sortable::sortable-item sort-key="andres">
        Andres
    </x-laravel-blade-sortable::sortable-item>
    <x-laravel-blade-sortable::sortable-item sort-key="matt">
        Matt
    </x-laravel-blade-sortable::sortable-item>
    <x-laravel-blade-sortable::sortable-item sort-key="james">
        James
    </x-laravel-blade-sortable::sortable-item>
</x-laravel-blade-sortable::sortable>

Bez pisania niestandardowego kodu JavaScript możesz osiągnąć coś takiego:

Ten pakiet obsługuje również Laravel Livewire wraz z innymi zaawansowanymi opcjami dostosowywania. Zapoznaj się z readme, który zawiera szczegółowe informacje na temat dostępnych opcji komponentów oraz zaawansowanych funkcji.