Compartilhar via

Como: conjunto layout em um controle de servidor Web RadioButtonList

  • Artigo

Por padrão, o controle de servidor Web RadioButtonList exibe uma única coluna de botões.No entanto, você pode especificar qualquer número de colunas e nas colunas, você pode especificar como os itens são ordenados: vertical (padrão) ou horizontalmente.Layout vertical em três colunas resulta em um layout como o seguinte:

A    D    G
B    E    H
C    F

Layout horizontal para os mesmos itens resulta no layout a seguir:

A    B    C
D    E    F
G    H
Observação:

Se você estiver trabalhando com controles de servidor Web RadioButton individuais, você não define o layout como uma propriedade do controle.Em vez disso, você define-a simplesmente adicionando os botões de opção dentro da página.Para obter detalhes sobre as diferenças entre esses controles, consulte RadioButton and RadioButtonList Web Server Controls Overview.

Para especificar contagem de colunas e ordenação

  1. Definir a propriedade RadioButtonList do controle RepeatColumns para o número de colunas desejado.

  2. Defina a propriedade RepeatDirection para Vertical ou Horizontal usando a enumeração RepeatDirection, conforme mostrado na exemplo de código a seguir.

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

Consulte também

Referência

Visão geral sobre controles de Servidor RadioButtonList Web e RadioButton