Wählen Sie mehrere Einträge aus einem kompakten Dropdown. MultiSelect zeigt Kontrollkästchen, fasst die Auswahl im Feld zusammen und enthält Alle auswählen und Leeren.
Warum es hilft
- Mehrere Auswahlen in einem kompakten Feld
- Alle auswählen und Leeren eingebaut
- Zusammenfassung in der Schaltfläche
Wo es passt
- Zuweisung von Teams und Tags
- Filterwerte
- Berechtigungen
Beispiel
<MultiSelect TValue="string" Label="Tags" Items="_tags" @bind-Values="_selected" HelperText="Pick any number." />
<span>Selected: @(_selected.Count == 0 ? "none" : string.Join(", ", _selected))</span>
@code {
private readonly string[] _tags = ["Blazor", "SASS", "Accessibility", "Localization", "Charts", "Forms"];
private IReadOnlyCollection<string> _selected = new List<string> { "Blazor" };
}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.