Lassen Sie Benutzer eine Liste durch Ziehen neu ordnen, mit Verschieben-Schaltflächen für Tastatur und Touch.
Warum es hilft
- Ziehen zum Neuordnen
- Schaltflächen für Tastatur und Touch
- Einfach
Wo es passt
- Prioritäten
- Menüs
- Schritte
Beispiel
<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"];
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.