Laat gebruikers een lijst herordenen door te slepen, met verplaatsknoppen voor toetsenbord en aanraking.
Waarom het helpt
- Slepen om te herordenen
- Knoppen voor toetsenbord en aanraking
- Eenvoudig
Waar het past
- Prioriteiten
- Menu's
- Stappen
Voorbeeld
<Sortable TItem="string" Items="_tasks" ItemsChanged="@(items => _tasks = items.ToList())" Label="Tasks">
<ItemTemplate>@context</ItemTemplate>
</Sortable>
<span>Order: @string.Join(" > ", _tasks)</span>
@code {
private List<string> _tasks = ["Design", "Build", "Test", "Review", "Release"];
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.