Laissez les utilisateurs réordonner une liste en la faisant glisser, avec des boutons de déplacement pour le clavier et le toucher.
Pourquoi c’est utile
- Glisser pour réordonner
- Boutons pour clavier et toucher
- Simple
Où il trouve sa place
- Priorités
- Menus
- Étapes
Exemple
<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"];
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.