Autocompletar

El autocompletado es una entrada de texto normal mejorada con un panel de opciones sugeridas.

Lista estática de opciones

Crea un autocompletado básico con una lista estática de opciones

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

Lista dinámica de opciones

Cuando se escribe texto, se puede filtrar con OnLoadOptions. $Body contendrá el texto que se está escribiendo.

Este ejemplo filtra el array con Where-Object.

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

OnChange

$Body contiene el elemento seleccionado actualmente. El evento OnChange se activará cuando el usuario seleccione uno o más elementos.

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

Icono

Puede colocar un icono antes de un autocompletado usando el parámetro -Icon.

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

OnEnter

OnEnter se activa cuando el usuario pulsa la tecla intro dentro del autocompletado.

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

Opciones

Puede usar New-UDAutoCompleteOption para especificar nombres y valores.

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