Quand toutes les options doivent rester visibles, ListBox les montre comme une liste toujours visible pour un choix ou plusieurs.
Pourquoi c’est utile
- Tout visible d’un coup
- Un ou plusieurs choix
- Simple et rapide à parcourir
Où il trouve sa place
- Courtes listes d’options
- Panneaux latéraux de sélection
- Pages de paramètres
Exemple
<ListBox TValue="string" Label="Single choice" Items="_cities" @bind-Value="_city" />
<ListBox TValue="string" Label="Several choices" Items="_cities" Multiple="true" @bind-Values="_visited" />
<span>City: @_city. Visited: @(_visited.Count == 0 ? "none" : string.Join(", ", _visited))</span>
@code {
private readonly string[] _cities = ["Sofia", "Plovdiv", "Varna", "Burgas", "Ruse"];
private string? _city = "Sofia";
private IReadOnlyCollection<string> _visited = new List<string>();
}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.