Sommige lijsten zijn gewoon enorm. DropDownList tekent alleen de zichtbare opties, zodat zelfs honderdduizend items meteen openen, en typen verkleint de lijst.
Waarom het helpt
- Soepel bij zeer lange lijsten
- Typ om te verkleinen
- Vertrouwd comboboxgedrag
Waar het past
- Product- en klantcatalogi
- Postcodelijsten
- Referentiegegevens
Voorbeeld
<DropDownList TItem="string" Label="City (100,000 entries)" Items="_cities" @bind-Value="_city" Placeholder="Type to search" />
<p>Chosen: @(_city ?? "none")</p>
@code {
private readonly List<string> _cities = Enumerable.Range(1, 100000).Select(n => $"City {n:D6}").ToList();
private string? _city;
}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.