Condividi tramite

Procedura: impostare il layout in un controllo server Web RadioButtonList

  • Articolo

Aggiornamento: novembre 2007

Per impostazione predefinita, il controllo server Web RadioButtonList visualizza una sola colonna di pulsanti. È tuttavia possibile specificare un numero qualsiasi di colonne e come si desidera disporre gli elementi all'interno delle colonne: verticalmente (impostazione predefinita) oppure orizzontalmente. Il layout verticale su tre colonne produce un risultato simile al seguente:

A    D    G
B    E    H
C    F

Il layout orizzontale degli stessi elementi produce un risultato simile al seguente:

A    B    C
D    E    F
G    H
Nota:

Se si utilizzano singoli controlli server Web RadioButton, non è necessario impostare il layout come proprietà del controllo. È sufficiente aggiungere i pulsanti di opzione all'interno del flusso della pagina. Per informazioni dettagliate sulle differenze tra questi controlli, vedere Cenni preliminari sui controlli server Web RadioButton e RadioButtonList.

Per specificare il numero e la disposizione delle colonne

  1. Impostare la proprietà RepeatColumns del controllo RadioButtonList sul numero di colonne desiderato.

  2. Impostare la proprietà RepeatDirection su Vertical o Horizontal utilizzando l'enumerazione RepeatDirection, come mostrato nel codice di esempio seguente:

    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;
}

Vedere anche

Riferimenti

Informazioni generali sui controlli server Web RadioButton e RadioButtonList