Cuando todas las opciones deben seguir a la vista, ListBox las muestra como una lista siempre visible para una elección o varias.
Por qué ayuda
- Todo visible a la vez
- Una o varias opciones
- Sencillo y rápido de recorrer
Dónde encaja
- Listas cortas de opciones
- Paneles laterales de selección
- Páginas de ajustes
Ejemplo
<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.