La brukerne endre rekkefølgen på en liste ved å dra, med flytteknapper for tastatur og berøring.
Hvorfor det hjelper
- Dra for å endre rekkefølge
- Knapper for tastatur og berøring
- Enkel
Hvor det passer
- Prioriteringer
- Menyer
- Trinn
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.