RayCraftDocs
v1.0.3
nl
raycraft.dev
Op deze pagina

Autocomplete

Free

Tekstveld dat een lijst filtert terwijl u typt. Ondersteunt de pijltoetsen, Enter en Escape en volgt het ARIA-patroon combobox. De waarde is altijd een van de items.

Voorbeeld

Besturingselement Autocomplete

Parameters

ParameterTypeBeschrijving
ClassstringExtra CSS-klassen die aan het hoofdelement worden toegevoegd.
DebounceMillisecondsintWachttijd na de laatste toets voordat ItemsProvider wordt aangeroepen (standaard 250).
DisabledboolSchakelt interactie uit.
DisplayNamestringNaam die in validatiemeldingen wordt gebruikt.
GroupByFunc<string, string>Geeft de groepskop van een item terug; items worden onder hun koppen opgesomd.
HelperTextstringHint die onder het veld wordt getoond.
ItemsIEnumerable<string>De opties waaruit kan worden gekozen.
ItemsProviderFunc<string, CancellationToken, Task<IEnumerable<string>>>Laadt de overeenkomsten voor de getypte tekst (tekst, annuleringstoken); gebruikt in plaats van Items.
ItemTextFunc<string, string>Zet een item om in zijn weergavetekst (standaard ToString()).
LabelstringZichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo).
ListHeaderRenderFragment
MatchTextFunc<string, string>
MaxItemsintGrootste aantal getoonde suggesties. Voor Autocomplete en een doorzoekbare Select toont 0 (de standaard) elke overeenkomst van een vaste lijst en de eerste 10 resultaten van een ItemsProvider; Breadcrumbs, Mention en MultiColumnComboBox hebben eigen standaardwaarden.
MinCharsintTekens die nodig zijn voordat suggesties verschijnen.
OptionTemplateRenderFragment<string>Eigen inhoud voor elke optie. Het item is beschikbaar als context.
PlaceholderstringPlaatshouder die wordt getoond als het veld leeg is.
ReadOnlyboolToont de waarde maar staat geen wijzigingen toe.
ShowToggleboolVoegt een knop toe die de volledige lijst opent.
StylestringInline stijl die aan het hoofdelement wordt toegevoegd.
ValuestringHuidige waarde. Gebruik met @bind-Value.

Gebeurtenissen

GebeurtenisTypeBeschrijving
ValueChangedEventCallback<string>Geactiveerd wanneer de waarde verandert.

Pakket

Autocomplete maakt deel uit van RayCraft Free. Pakket: RayCraft.Blazor. Het komt van nuget.org. Zie Aan de slag.