SortableJS переносит списки с перетаскиванием в Microsoft Blazor

Разработчики преобразовали SortableJS, инструмент JavaScript для создания списков с возможностью перетаскивания, в компонент Blazor для разработки веб-приложений Microsoft, переименовав его в Blazor Sortable.

Этот инструмент, часто используемый в веб-разработке, обеспечивает поддержку сенсорных устройств, совместимость с современными браузерами, включает CSS-анимации, автоматическую прокрутку и плавные переходы.

Blazor Sortable стал доступен 12 января с открытым исходным кодом на GitHub. В его репозитории на GitHub находится код для создания сортируемых списков и примеры использования. Для внедрения Blazor Sortable разработчикам нужно подключить файлы Shared/SortableList.razor, Shared/SortableList.razor.css и Shared/SortableList.razor.js. SortableList является универсальным компонентом, принимающим список элементов, а SortableItemTemplate позволяет настроить отображение каждого элемента списка.

Blazor позволяет создавать веб-приложения, используя .NET и C# без написания кода на JavaScript. Рекомендуется начать использовать Blazor Sortable, хотя некоторые функции из SortableJS еще не доступны. Разработчиков призывают предлагать улучшения.

SortableJS работает без JQuery и других фреймворков. Она поддерживает перетаскивание между и внутри списков, анимацию перемещения элементов, CSS-трансформации и плавные анимации. Библиотека совместима с Angular TypeScript и Vue, а также поддерживает JQuery.