Тёмный

Beautiful Sortable Drag & Drop Lists for your Blazor Apps 

dotnet
Подписаться 291 тыс.
Просмотров 11 тыс.
50% 1

Join Burke Holland and Jon Galloway as they join James Montemagno to talk about Blazor Sortable, a Blazor component enabling integration with the SortableJS library. Drag, Drop, Filter, Clone, and so much more with these sortable lists for your web apps.
Chapters:
00:00 - Intro to TheUrlist and Burke Learns Blazor
01:47 - Overview of how TheUrlist project works
03:35 - Why use SortableJS instead of HTML5 drag and drop?
06:53 - Blazor Sortable feature demo
08:25 - Making Blazor and JS libraries cooperate on DOM updates
10:50 - Demo - Using Blazor Sortable in a Blazor app
21:33 - JS Interop code explained
24:03 - Lessons learned in building the project
31:08 - Wrap up and what's next for TheUrlist
Resources:
Demo: blazorsortable.theurlist.com/
Code: github.com/the-urlist/blazors...
Connect with .NET:
Blog: aka.ms/dotnet/blog
Twitter: aka.ms/dotnet/twitter
TikTok: aka.ms/dotnet/tiktok
Mastodon: aka.ms/dotnet/mastodon
LinkedIn: aka.ms/dotnet/linkedin
Facebook: aka.ms/dotnet/facebook
Docs: learn.microsoft.com/dotnet
Forums: aka.ms/dotnet/forums
🙋‍♀️Q&A: aka.ms/dotnet-qa
👨‍🎓Microsoft Learn: aka.ms/learndotnet
#dotnet

Наука

Опубликовано:

 

2 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 16   
@Hallo503
@Hallo503 4 месяца назад
great stuff!
@mtranchi
@mtranchi Месяц назад
Awesome, ty!
@user-er1ws6dm6k
@user-er1ws6dm6k 4 месяца назад
Anyway to incorporate a Datagrid row (either from Msoft's Quickgrid or another) into the SortableItemTemplate?
@SamuelSidor
@SamuelSidor 24 дня назад
There is a fork of this functionality from AlexNek called BlazorSortableList and it works also with nested lists
@vietkhanhhoang16
@vietkhanhhoang16 2 месяца назад
how can i extract the index of an item in the list?
@watershedmetal2
@watershedmetal2 4 месяца назад
Epic, would this work with nested lists?
@SamuelSidor
@SamuelSidor 24 дня назад
There is a fork of this functionality: AlexNek/BlazorSortableList and it works also with nested lists
@RANDONcrafting
@RANDONcrafting 4 месяца назад
mac?
@Zellyk
@Zellyk 4 месяца назад
Even their devs know it's better than windows.
@marklnz
@marklnz 4 месяца назад
Looks good but I hate that it's 100% JavaScript. Kind of defeats the purpose of using Blazor, no?
@JamesMontemagno
@JamesMontemagno 4 месяца назад
Well the component logic is an invoke to the javascript library, that is the point of the component so it is in C# :)
@mtranchi
@mtranchi Месяц назад
Lol, once the component is built, it's 100% C# to use.
@rarepanda3766
@rarepanda3766 4 месяца назад
Hot Reload? Someone out there?
@cbradbaer
@cbradbaer 4 месяца назад
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
@SamuelSidor 24 дня назад
I have tried it in our MAUI Blazor project and it works correctly. I have used nuget package: AlexNek/BlazorSortableList
Далее
What is the Future of Blazor? Should I Learn Blazor?
22:32
ChatGPT Just Learned To Fix Itself!
5:47
Просмотров 27 тыс.
ASP.NET Community Standup - HybridCache
1:20:54
Просмотров 2,8 тыс.
8 Free and Open Source Blazor UI Libraries
9:42
Просмотров 35 тыс.
HTMX for Impatient Devs
8:33
Просмотров 46 тыс.
An even DEEPER Dive into LINQ with Stephen Toub
1:20:09
Don't Use Polly in .NET Directly. Use this instead!
14:58
ПОКУПКА ТЕЛЕФОНА С АВИТО?🤭
1:00
Кто производит iPhone?
0:59
Просмотров 461 тыс.