Eine Teilmenge aus einer langen Liste zu wählen gelingt am leichtesten mit zwei Listen und Schaltflächen zum Verschieben der Einträge.
Warum es hilft
- Zwei Listen, klare Bewegung
- Gut für lange Listen
- Einfach zu verstehen
Wo es passt
- Benutzern eine Rolle zuweisen
- Spalten wählen
- Produkte auswählen
Beispiel
<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" };
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.