Partager via

Comment : définir la disposition dans un contrôle serveur Web RadioButtonList

  • Article

Mise à jour : novembre 2007

Par défaut, le contrôle serveur Web RadioButtonList affiche une seule colonne de cases d'option. Cependant, vous pouvez spécifier un nombre quelconque de colonnes et la méthode de classement des éléments dans ces colonnes : verticalement (par défaut) ou horizontalement. La présentation verticale en trois colonnes ressemble à la suivante :

A    D    G
B    E    H
C    F

En disposant horizontalement les mêmes éléments, vous obtenez la présentation suivante :

A    B    C
D    E    F
G    H
Remarque :

Si vous utilisez les contrôles serveur Web RadioButton individuels, vous ne définissez pas la disposition comme une propriété du contrôle. Vous la définissez simplement en ajoutant les cases d'option les uns à la suite des autres sur la page. Pour plus d'informations sur les différences entre ces contrôles, consultez Vue d'ensemble des contrôles serveur Web RadioButton et RadioButtonList.

Pour spécifier le nombre et l'ordre des colonnes

  1. Affectez le nombre de colonnes de votre choix à la propriété RepeatColumns du contrôle RadioButtonList.

  2. Affectez la valeur Vertical ou Horizontal à la propriété RepeatDirection à l'aide de l'énumération RepeatDirection, comme indiqué dans l'exemple de code suivant.

    Protected Sub Button1_Click(ByVal sender As Object, _
        ByVal e As System.EventArgs) Handles Button1.Click
   ' Create five radio buttons.
   Dim colors() As String = _
      New String() {"Red", "Blue", "Green", "Yellow", "Orange"}
   RadioButtonList1.Items.Clear()
   Dim i As Integer
   For i = 0 To ubound(colors)
      RadioButtonList1.Items.Add(colors(i))
   Next
   ' Lay out the radio buttons horizontally.
   RadioButtonList1.RepeatDirection = RepeatDirection.Horizontal
End Sub

    protected void Button1_Click (object sender, System.EventArgs e)
{
   // Create five radio buttons.
   string[] colors = {"Red", "Blue", "Green", "Yellow", "Orange"};
   this.RadioButtonList1.Items.Clear();
   for(int i=0;i < colors.GetLength(0);i++){
      this.RadioButtonList1.Items.Add(colors[i]);
   }   
   // Lay out the radio buttons horizontally.
   this.RadioButtonList1.RepeatDirection = 
       RepeatDirection.Horizontal;
}

Voir aussi

Référence

Vue d'ensemble des contrôles serveur Web RadioButton et RadioButtonList