Elegir un subconjunto de una lista larga es más fácil con dos listas y botones para mover elementos entre ellas.
Por qué ayuda
- Dos listas, movimiento claro
- Bueno para listas largas
- Fácil de entender
Dónde encaja
- Asignar usuarios a un rol
- Elegir columnas
- Seleccionar productos
Ejemplo
<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 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.