Lad brugerne omarrangere en liste ved at trække, med flytteknapper til tastatur og berøring.
Hvorfor det hjælper
- Træk for at omarrangere
- Knapper til tastatur og berøring
- Enkel
Hvor det passer
- Prioriteter
- Menuer
- Trin
Eksempel
<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"];
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.