Att välja en delmängd från en lång lista går enklast med två listor och knappar för att flytta objekt mellan dem.
Varför det hjälper
- Två listor, tydlig förflyttning
- Bra för långa listor
- Enkel att förstå
Var det passar
- Tilldela användare en roll
- Välja kolumner
- Välja produkter
Exempel
<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" };
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.