Få folk hurtigere til det rigtige svar. Autocomplete filtrerer en liste, mens de skriver, følger det standard tastaturmønster for comboboxen og kan indlæse forslag fra din egen kilde.
Hvorfor det hjælper
- Filtrerer under indtastning
- Grupper, skabeloner til valgmuligheder og serversøgning
- Fuld tastaturunderstøttelse
Hvor det passer
- Søgning efter kunder og produkter
- Søgning efter adresser og byer
- Tag-forslag
Eksempel
<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"];
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.