Choisir un sous-ensemble dans une longue liste est plus simple avec deux listes et des boutons pour déplacer les éléments entre elles.
Pourquoi c’est utile
- Deux listes, mouvement clair
- Bon pour les longues listes
- Simple à comprendre
Où il trouve sa place
- Affecter des utilisateurs à un rôle
- Choisir des colonnes
- Sélectionner des produits
Exemple
<TransferList TItem="string" Items="_roles" @bind-Values="_chosen" Label="Roles" />
<span>Chosen: @(_chosen.Count == 0 ? "none" : string.Join(", ", _chosen))</span>
@code {
private readonly string[] _roles = ["Reader", "Editor", "Reviewer", "Publisher", "Administrator", "Auditor"];
private IReadOnlyCollection<string> _chosen = new List<string> { "Reader" };
}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.