Autocomplétion

L'autocomplétion est une saisie de texte normale enrichie d'un panneau d'options suggérées.

Liste statique d'options

Crée une autocomplétion de base avec une liste statique d'options

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

Liste dynamique d'options

Lorsque du texte est saisi, il peut être filtré avec OnLoadOptions. $Body contiendra le texte actuellement saisi.

Cet exemple filtre le tableau avec Where-Object.

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

OnChange

$Body contient l'élément actuellement sélectionné. L'événement OnChange se déclenchera lorsque l'utilisateur sélectionnera un ou plusieurs éléments.

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

Icône

Vous pouvez placer une icône avant une autocomplétion en utilisant le paramètre -Icon.

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

OnEnter

OnEnter est déclenché lorsque l'utilisateur appuie sur la touche Entrée dans l'autocomplétion.

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

Options

Vous pouvez utiliser New-UDAutoCompleteOption pour spécifier des noms et des valeurs.

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