Een deelverzameling uit een lange lijst kiezen gaat het makkelijkst met twee lijsten en knoppen om items ertussen te verplaatsen.
Waarom het helpt
- Twee lijsten, duidelijke beweging
- Goed voor lange lijsten
- Eenvoudig te begrijpen
Waar het past
- Gebruikers aan een rol toewijzen
- Kolommen kiezen
- Producten uitkiezen
Voorbeeld
<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" };
}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.