Beautiful Sortable Drag & Drop Lists for your Blazor Apps

[@ryan.wakefield]

So I have been struggling with the whole JSInterop stuff. Did you cover this topic much on any other videos?

[@friedwishes]

This came in clutch today. Was attempting my own thing with sortableJs and so thank you!

[@KevinN-u5d]

Anyway to incorporate a Datagrid row (either from Msoft's Quickgrid or another) into the SortableItemTemplate?

[@SamuelSidor]

There is a fork of this functionality from AlexNek called BlazorSortableList and it works also with nested lists

[@toma1385]

How about blazor maui?

[@vietkhanhhoang16]

how can i extract the index of an item in the list?

[@watershedmetal2]

Epic, would this work with nested lists?

[@SamuelSidor]

There is a fork of this functionality: AlexNek/BlazorSortableList and it works also with nested lists

[@Hallo503]

great stuff!

[@mtranchi]

Awesome, ty!

[@RANDONcrafting]

mac?

[@Zellyk]

Even their devs know it's better than windows.

[@rarepanda3766]

Hot Reload? Someone out there?

[@cbradbaer]

Has anyone tried to use SortableJS in Maui Blazor? I have it working on the Windows platform. But can't get sorting to work on any other platform. The javascript breaks when it gets to this line: component.invokeMethodAsync('OnUpdateJS', event.oldDraggableIndex, event.newDraggableIndex);

[@SamuelSidor]

I have tried it in our MAUI Blazor project and it works correctly. I have used nuget package: AlexNek/BlazorSortableList

[@marklnz]

Looks good but I hate that it's 100% JavaScript. Kind of defeats the purpose of using Blazor, no?

[@JamesMontemagno]

Well the component logic is an invoke to the javascript library, that is the point of the component so it is in C# :)

[@mtranchi]

Lol, once the component is built, it's 100% C# to use.