RayCraftDocs
v1.0.3
nb
raycraft.dev
På denne siden

Autocomplete

Free

Tekstfelt som filtrerer en liste mens du skriver. Støtter piltastene, Enter og Escape og følger ARIA-mønsteret combobox. Verdien er alltid ett av elementene.

Eksempel

Kontrollen Autocomplete

Parametere

ParameterTypeBeskrivelse
ClassstringEkstra CSS-klasser som legges til rotelementet.
DebounceMillisecondsintVentetid etter den siste tasten før ItemsProvider kalles (standard 250).
DisabledboolDeaktiverer interaksjon.
DisplayNamestringNavn som brukes i valideringsmeldinger.
GroupByFunc<string, string>Returnerer gruppeoverskriften til et element; elementer vises under overskriftene sine.
HelperTextstringHint som vises under feltet.
ItemsIEnumerable<string>Alternativene å velge mellom.
ItemsProviderFunc<string, CancellationToken, Task<IEnumerable<string>>>Laster treffene for den innskrevne teksten (tekst, avbruddstoken); brukes i stedet for Items.
ItemTextFunc<string, string>Konverterer et element til visningsteksten (som standard ToString()).
LabelstringSynlig etikettekst (diagrammer: tilgjengelig navn; IconButton: tilgjengelig navn og verktøytips).
ListHeaderRenderFragment
MatchTextFunc<string, string>
MaxItemsintStørste antall viste forslag. For Autocomplete og en søkbar Select viser 0 (standard) alle treff i en fast liste og de første 10 resultatene fra en ItemsProvider; Breadcrumbs, Mention og MultiColumnComboBox har egne standardverdier.
MinCharsintTegn som kreves før forslag vises.
OptionTemplateRenderFragment<string>Eget innhold for hvert alternativ. Elementet er tilgjengelig som kontekst.
PlaceholderstringPlassholder som vises når feltet er tomt.
ReadOnlyboolViser verdien, men tillater ikke endringer.
ShowToggleboolLegger til en knapp som åpner hele listen.
StylestringInnebygd stil som legges til rotelementet.
ValuestringGjeldende verdi. Bruk med @bind-Value.

Hendelser

HendelseTypeBeskrivelse
ValueChangedEventCallback<string>Utløses når verdien endres.

Pakke

Autocomplete er en del av RayCraft Free. Pakke: RayCraft.Blazor. Den hentes fra nuget.org. Se Kom i gang.