Å velge en delmengde fra en lang liste går enklest med to lister og knapper for å flytte elementer mellom dem.
Hvorfor det hjelper
- To lister, tydelig flytting
- Bra for lange lister
- Enkel å forstå
Hvor det passer
- Gi brukere en rolle
- Velge kolonner
- Velge produkter
Eksempel
<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" };
}Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.