Amenez les gens plus vite à la bonne réponse. Autocomplete filtre une liste pendant la frappe, suit le modèle clavier standard de la combobox et peut charger des suggestions depuis votre propre source.
Pourquoi c’est utile
- Filtre pendant la frappe
- Groupes, modèles d’options et recherche serveur
- Prise en charge complète du clavier
Où il trouve sa place
- Recherche de clients et de produits
- Recherche d’adresses et de villes
- Suggestions de tags
Exemple
<Autocomplete @bind-Value="_country" Items="_countries" Label="Country" Placeholder="Type to search" />
<span>Selected: @(_country ?? "none")</span>
@code {
private string? _country;
private readonly string[] _countries = ["Bulgaria", "Belgium", "Brazil", "Norway", "Sweden", "Denmark", "Finland", "Germany", "France", "Spain"];
}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.