Når alle valgmuligheder skal forblive synlige, viser ListBox dem som en altid synlig liste til ét valg eller flere.
Hvorfor det hjælper
- Alt synligt på én gang
- Ét eller flere valg
- Enkel og hurtig at overskue
Hvor det passer
- Korte lister af valgmuligheder
- Sidepaneler til valg
- Indstillingssider
Eksempel
<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>();
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.