Radio

Les boutons radio permettent à l'utilisateur de sélectionner une option parmi un ensemble.

Utilisez des boutons radio lorsque l'utilisateur doit voir toutes les options disponibles. Si les options disponibles peuvent être réduites, envisagez d'utiliser un menu déroulant, car il occupe moins d'espace.

Les boutons radio devraient avoir l'option la plus couramment utilisée sélectionnée par défaut.

Radio simple

New-UDRadioGroup -Label "Day" -Content {
    New-UDRadio -Label Monday -Value 'monday'
    New-UDRadio -Label Tuesday -Value 'tuesday'
    New-UDRadio -Label Wednesday -Value 'wednesday'
    New-UDRadio -Label Thursday -Value 'thursday'
    New-UDRadio -Label Friday  -Value 'friday'
    New-UDRadio -Label Saturday -Value 'saturday'
    New-UDRadio -Label Sunday -Value 'sunday'
}

OnChange

Un gestionnaire d'événement qui est appelé lorsque le groupe radio est modifié. La variable $EventData contiendra la valeur actuelle. La variable $Body contient le JSON complet de l'événement.

New-UDRadioGroup -Label "Day" -Content {
    New-UDRadio -Label Monday -Value 'monday'
    New-UDRadio -Label Tuesday -Value 'tuesday'
    New-UDRadio -Label Wednesday -Value 'wednesday'
    New-UDRadio -Label Thursday -Value 'thursday'
    New-UDRadio -Label Friday  -Value 'friday'
    New-UDRadio -Label Saturday -Value 'saturday'
    New-UDRadio -Label Sunday -Value 'sunday'
} -OnChange {
    Show-UDToast -Message `$EventData`
}

Valeur par défaut

Définir la valeur par défaut du groupe radio.

New-UDRadioGroup -Label "Day" -Content {
    New-UDRadio -Label Monday -Value 'monday'
    New-UDRadio -Label Tuesday -Value 'tuesday'
    New-UDRadio -Label Wednesday -Value 'wednesday'
    New-UDRadio -Label Thursday -Value 'thursday'
    New-UDRadio -Label Friday  -Value 'friday'
    New-UDRadio -Label Saturday -Value 'saturday'
    New-UDRadio -Label Sunday -Value 'sunday'
} -Value 'sunday'

Mise en forme personnalisée

Vous pouvez utiliser une mise en forme personnalisée dans le groupe radio. L'exemple ci-dessous placera les boutons radio les uns à côté des autres plutôt que les uns au-dessus des autres.

New-UDRadioGroup -Label "Day" -Content {
    New-UDRow -Columns {
        New-UDColumn -LargeSize 1 -Content {
            New-UDRadio -Label Monday -Value 'monday'        
        }
        New-UDColumn -LargeSize 1 -Content {
            New-UDRadio -Label Sunday -Value 'sunday'
        }
    }
}

API

• New-UDRadio
• New-UDRadioGroup

Voir aussi

• Devolutions Academy – Adding the search users function