Hoppa till innehållet
DRA · FREE

Sortable

Låt användare ordna om en lista genom att dra eller med knappar.

Låt användare ordna om en lista genom att dra, med flyttknappar för tangentbord och beröring.

Varför det hjälper

  • Dra för att ordna om
  • Knappar för tangentbord och beröring
  • Enkel

Var det passar

  • Prioriteringar
  • Menyer
  • Steg
Kontrollen Sortable på en RayCraft-sida

Exempel

<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"];
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller ยท Dokumentation