Certaines listes sont tout simplement énormes. DropDownList ne dessine que les options visibles, si bien que même cent mille entrées s’ouvrent aussitôt, et la saisie réduit la liste.
Pourquoi c’est utile
- Fluide avec de très longues listes
- Saisie pour réduire
- Comportement de combobox familier
Où il trouve sa place
- Catalogues de produits et de clients
- Listes de codes postaux
- Données de référence
Exemple
<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;
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.