Wanneer alle opties in beeld moeten blijven, toont ListBox ze als altijd zichtbare lijst voor één keuze of meerdere.
Waarom het helpt
- Alles in één keer zichtbaar
- Eén of meer keuzes
- Eenvoudig en snel te scannen
Waar het past
- Korte optielijsten
- Zijpanelen voor selectie
- Instellingenpagina's
Voorbeeld
<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>();
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.