Autocomplete

Free

Textfeld, das beim Tippen eine Liste filtert. Unterstützt die Pfeiltasten, die Eingabetaste und Escape und folgt dem ARIA-Muster combobox. Der Wert ist immer eines der Elemente.

Beispiel

Parameter

Parameter	Typ	Beschreibung
`Class`	`string`	Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
`DebounceMilliseconds`	`int`	Wartezeit nach der letzten Taste, bevor ItemsProvider aufgerufen wird (Standard 250).
`Disabled`	`bool`	Deaktiviert die Interaktion.
`DisplayName`	`string`	In Validierungsmeldungen verwendeter Name.
`GroupBy`	`Func<string, string>`	Gibt die Gruppenüberschrift eines Elements zurück; Elemente werden unter ihren Überschriften aufgelistet.
`HelperText`	`string`	Hinweis, der unter dem Feld angezeigt wird.
`Items`	`IEnumerable<string>`	Die Optionen zur Auswahl.
`ItemsProvider`	`Func<string, CancellationToken, Task<IEnumerable<string>>>`	Lädt die Treffer für den getippten Text (Text, Abbruchtoken); wird anstelle von Items verwendet.
`ItemText`	`Func<string, string>`	Wandelt ein Element in seinen Anzeigetext um (Standard ToString()).
`Label`	`string`	Sichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo).
`ListHeader`	`RenderFragment`
`MatchText`	`Func<string, string>`
`MaxItems`	`int`	Größte Anzahl angezeigter Vorschläge. Für Autocomplete und ein durchsuchbares Select zeigt 0 (der Standard) jeden Treffer einer festen Liste und die ersten 10 Ergebnisse eines ItemsProvider; Breadcrumbs, Mention und MultiColumnComboBox haben eigene Standardwerte.
`MinChars`	`int`	Zeichen, die erforderlich sind, bevor Vorschläge erscheinen.
`OptionTemplate`	`RenderFragment<string>`	Eigener Inhalt für jede Option. Das Element steht als Kontext zur Verfügung.
`Placeholder`	`string`	Platzhalter, der angezeigt wird, wenn das Feld leer ist.
`ReadOnly`	`bool`	Zeigt den Wert, lässt aber keine Änderungen zu.
`ShowToggle`	`bool`	Fügt eine Schaltfläche hinzu, die die ganze Liste öffnet.
`Style`	`string`	Inline-Stil, der dem Wurzelelement hinzugefügt wird.
`Value`	`string`	Aktueller Wert. Verwenden Sie es mit @bind-Value.

Ereignisse

Ereignis	Typ	Beschreibung
`ValueChanged`	`EventCallback<string>`	Wird ausgelöst, wenn sich der Wert ändert.

Paket

Autocomplete gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.

Feedback sendenVersion 1.0.3