Autocomplete

Free

Textfält som filtrerar en lista medan du skriver. Stöder piltangenterna, Enter och Escape och följer ARIA-mönstret combobox. Värdet är alltid ett av objekten.

Exempel

Parametrar

Parameter	Typ	Beskrivning
`Class`	`string`	Extra CSS-klasser som läggs till på rotelementet.
`DebounceMilliseconds`	`int`	Väntetid efter den sista tangenten innan ItemsProvider anropas (standard 250).
`Disabled`	`bool`	Inaktiverar interaktion.
`DisplayName`	`string`	Namn som används i valideringsmeddelanden.
`GroupBy`	`Func<string, string>`	Returnerar ett objekts grupprubrik; objekten listas under sina rubriker.
`HelperText`	`string`	Ledtråd som visas under fältet.
`Items`	`IEnumerable<string>`	Alternativen att välja bland.
`ItemsProvider`	`Func<string, CancellationToken, Task<IEnumerable<string>>>`	Läser in träffarna för den inmatade texten (text, avbrottstoken); används i stället för Items.
`ItemText`	`Func<string, string>`	Omvandlar ett objekt till dess visningstext (som standard ToString()).
`Label`	`string`	Synlig etikettext (diagram: tillgängligt namn; IconButton: tillgängligt namn och verktygstips).
`ListHeader`	`RenderFragment`
`MatchText`	`Func<string, string>`
`MaxItems`	`int`	Största antal visade förslag. För Autocomplete och en sökbar Select visar 0 (standard) alla träffar i en fast lista och de första 10 resultaten från en ItemsProvider; Breadcrumbs, Mention och MultiColumnComboBox har egna standardvärden.
`MinChars`	`int`	Tecken som krävs innan förslag visas.
`OptionTemplate`	`RenderFragment<string>`	Eget innehåll för varje alternativ. Objektet är tillgängligt som kontext.
`Placeholder`	`string`	Platshållare som visas när fältet är tomt.
`ReadOnly`	`bool`	Visar värdet men tillåter inte ändringar.
`ShowToggle`	`bool`	Lägger till en knapp som öppnar hela listan.
`Style`	`string`	Inbäddad stil som läggs till på rotelementet.
`Value`	`string`	Aktuellt värde. Använd med @bind-Value.

Händelser

Händelse	Typ	Beskrivning
`ValueChanged`	`EventCallback<string>`	Utlöses när värdet ändras.

Paket

Autocomplete ingår i RayCraft Free. Paket: RayCraft.Blazor. Den hämtas från nuget.org. Se Kom igång.

Skicka synpunkterVersion 1.0.3