Autocomplete

Das Autocomplete ist eine normale Texteingabe, die durch ein Panel mit vorgeschlagenen Optionen erweitert wird.

Statische Optionsliste

Erstellt ein einfaches Autocomplete mit einer statischen Optionsliste

New-UDAutocomplete -Options @('Test', 'Test2', 'Test3', 'Test4')

Dynamische Optionsliste

Wenn Text eingegeben wird, kann er mit OnLoadOptions gefiltert werden. $Body enthält den aktuell eingegebenen Text.

Dieses Beispiel filtert das Array mit Where-Object.

New-UDAutocomplete -OnLoadOptions { 
    @('Test', 'Test2', 'Test3', 'Test4') | Where-Object { $_ -like "*$Body*" } | ConvertTo-Json
}

OnChange

$Body enthält das aktuell ausgewählte Element. Das OnChange-Event wird ausgelöst, wenn der Benutzer ein oder mehrere Elemente auswählt.

New-UDAutocomplete -OnLoadOptions { 
    @('Test', 'Test2', 'Test3', 'Test4') | Where-Object { $_ -like "*$Body*" } | ConvertTo-Json
} -OnChange {
    Show-UDToast $Body 
}

Symbol

Sie können mit dem Parameter -Icon ein Symbol vor einem Autocomplete platzieren.

New-UDAutocomplete -Options @("Test", "No", "Yes") -Icon (New-UDIcon -Icon 'Users') 

OnEnter

OnEnter wird ausgelöst, wenn der Benutzer innerhalb des Autocomplete die Eingabetaste drückt.

New-UDAutocomplete -Options @("Test", "No", "Yes") -onEnter {
    Show-UDToast ((Get-UDElement -Id 'ac').value)
} -Id 'ac'

Optionen

Sie können New-UDAutoCompleteOption verwenden, um Namen und Werte anzugeben.

New-UDAutocomplete -Options @(
    New-UDAutoCompleteOption -Name 'Adam D' -Value '1'
    New-UDAutoCompleteOption -Name 'Sarah F' -Value '2'
    New-UDAutoCompleteOption -Name 'Tom S' -Value '3'
)

API

• New-UDAutocomplete