Neste capítulo, discutiremos os controles básicos disponíveis no ASP.NET.
ASP.NET fornece três tipos diferentes de controles de botão:
Botão : Exibe texto dentro de uma área retangular.
Botão Link : exibe o texto como um hiperlink.
Botão de imagem : Exibe uma imagem.
Quando o usuário clica em um botão, dois eventos são disparados: clique e comando.
Sintaxe básica do controle de botão:
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" / >Propriedades comuns de controles de botão:
| propriedade | descrever |
|---|---|
| Texto | O texto é exibido no botão. Controles apenas para botões e botões de link. |
| URL da imagem | Somente para controles de botão de imagem. Esta imagem é para mostrar o botão. |
| Texto Alternativo | Somente para controles de botão de imagem. Se o navegador não conseguir exibir a imagem, o texto de substituição será exibido. |
| CausasValidação | Determina se a validação da página é executada quando o usuário clica no botão. O padrão é verdadeiro. |
| NomeDoComando | O valor da string passado para o evento de comando quando o usuário clica no botão. |
| ComandoArgumento | O valor da string passado para o evento de comando quando o usuário clica no botão. |
| PostBackUrl | O endereço da página necessária aparece quando o usuário clica no botão. |
O controle de caixa de texto foi especialmente projetado para aceitar entradas do usuário. Um controle de caixa de texto pode aceitar uma ou mais entradas de texto com base na propriedade de modo de texto.
Os controles de rótulo fornecem uma maneira simples de exibir texto de uma página para outra. Se quiser exibir um texto constante, você pode usar texto literal.
Sintaxe básica para controle de texto:
<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>Propriedades comuns para caixas de texto e rótulos:
| propriedade | descrever |
|---|---|
| Modo Texto | Especifique o tipo de caixa de texto. O modo de linha única cria texto padrão, o modo de múltiplas linhas cria a capacidade de aceitar vários textos e as senhas fazem com que os caracteres marcados sejam inseridos. O padrão é texto padrão. |
| Texto | O conteúdo de texto da caixa de texto. |
| Comprimento máximo | Insira o valor máximo de caracteres de texto na caixa de texto. |
| Enrolar | Ele determina se o texto em uma caixa de texto multilinha será automaticamente quebrado; o valor padrão é True. |
| Somente leitura | Determina se o usuário pode alterar o texto na caixa. O padrão é falso, o que significa que o usuário pode alterar o texto. |
| Colunas | A largura da caixa de texto em caracteres. A largura real é determinada com base na fonte usada para entrada de texto. |
| Linhas | A altura da caixa de texto multilinha. O valor padrão é 0, que representa uma caixa de texto de linha única. |
A propriedade mais comumente usada de um controle de rótulo é 'Texto', que representa o texto exibido no rótulo.
Uma caixa de seleção exibirá uma opção que o usuário pode marcar ou desmarcar. Os botões de opção apresentam um grupo de opções das quais o usuário pode selecionar apenas uma opção.
Se estiver criando um grupo de botões de opção, você poderá especificar o mesmo nome para a propriedade GroupName em cada grupo de botões de opção. Se mais de um grupo precisar aparecer em um único formulário, especifique um nome de grupo diferente para cada grupo.
Se você deseja que uma caixa de seleção ou botão de opção seja marcado como aparece inicialmente, defina sua propriedade marcada como verdadeira. Se vários botões de opção em um grupo tiverem sua propriedade definida como verdadeira, apenas o último será considerado verdadeiro.
Sintaxe básica para caixas de seleção:
<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>Sintaxe básica para botões de opção:
<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>Propriedades comuns para caixas de seleção e botões de opção:
| propriedade | descrever |
|---|---|
| Texto | O texto que aparece próximo a uma caixa de seleção ou botão de opção. |
| Verificado | Especifique se está selecionado. O padrão está desmarcado. |
| Nome do Grupo | O nome do grupo ao qual o controle pertence. |
ASP.NET fornece os seguintes controles:
lista suspensa,
caixa de listagem,
lista de botões de opção,
lista de caixas de seleção,
Lista com marcadores.
Esses controles permitem que os usuários selecionem um ou mais itens em uma lista. As caixas de listagem e as listas suspensas contêm um ou mais itens de lista. Essas listas podem ser carregadas por meio de código ou pelo editor ListItemCollection.
Sintaxe básica do controle de caixa de listagem:
<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ListBox1_SelectedIndexChanged"></asp:ListBox>Sintaxe básica do controle de lista suspensa:
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>Propriedades comuns para caixas de listagem e listas suspensas:
| propriedade | descrever |
|---|---|
| Unid | Uma coleção de objetos ListItem que representam os itens dentro do controle. Esta propriedade retorna um objeto do tipo ListItemCollection. |
| Linhas | Especifica o número de itens a serem exibidos na caixa. Se a lista real contiver mais linhas do que a lista exibida, serão adicionadas barras de rolagem. |
| Índice selecionado | O índice do item atualmente selecionado. Se mais de um item for selecionado, o primeiro índice seleciona o item. Se nenhum item for selecionado, o valor desta propriedade será -1. |
| Valor selecionado | O valor do item atualmente selecionado. Se mais de um item for selecionado, o valor do primeiro item será selecionado. Se nenhum item for selecionado, o valor desta propriedade será uma string vazia (""). |
| Modo de seleção | Indica se uma caixa de listagem permite seleção única ou seleções múltiplas. |
Propriedades comuns para cada objeto de item de lista:
| propriedade | descrever |
|---|---|
| Texto | O texto exibido para o item. |
| Selecionado | Indica se o item está selecionado. |
| Valor | Uma sequência de caracteres associados ao projeto. |
As coisas em que focar são:
Se quiser trabalhar com itens em uma lista suspensa ou caixa de listagem, você precisará usar a propriedade Item do controle. Esta propriedade retorna um objeto ListItemCollection que contém todos os itens da lista.
O evento SelectedIndexChanged é gerado quando o usuário seleciona um item diferente em uma lista suspensa ou caixa de listagem.
Um objeto ListItemCollection é uma coleção de objetos ListItem. Cada objeto ListItem representa um item na lista. Os números dos itens em um ListItemCollection começam em 0.
Quando a string usada no processo de carregamento de itens em uma caixa de listagem é, por exemplo: lstcolor.Items.Add ("Azul"), então as configurações de propriedade do texto e do valor do item da lista são os valores da string que você especifica. Para configurá-lo de forma diferente, você deve criar um objeto do item da lista e depois adicionar o item à coleção.
O editor ListItemCollection é usado para adicionar itens a uma lista suspensa ou caixa de listagem. É usado para criar uma lista estática de itens. Para exibir o Editor de Coleção, selecione Editar Item no menu Marca Inteligente ou selecione o controle e clique no botão de reticências em Propriedades do Item na janela Propriedades.
Propriedades comuns de ListItemCollection:
| propriedade | descrever |
|---|---|
| Item (inteiro) | Um objeto ListItem que representa o item no índice especificado. |
| Contar | O número de itens na coleção. |
Métodos básicos de ListItemCollection:
| método | descrever |
|---|---|
| Adicionar(string) | Adiciona um novo item ao final da coleção e atribui um parâmetro de string à propriedade de texto do item. |
| Adicionar(ListItem) | Adiciona um novo item ao final da coleção. |
| Inserir(inteiro, string) | Insere um item na coleção na posição de índice especificada e atribui um argumento de string à propriedade de texto do item. |
| Inserir(inteiro, ListItem) | Insere um item na coleção no índice especificado. |
| Remover(string) | Remove itens com a mesma string do valor do texto. |
| Remover(ListItem) | Remova o item especificado. |
| RemoverAt(inteiro) | Remove o item no índice especificado como um número inteiro. |
| Claro | Remove todos os itens da coleção. |
| FindByValue(string) | Retorna o mesmo item que o valor da string. |
| EncontrarPorValor(Texto) | Retorna o mesmo item que a string literal. |
Uma lista de botões de opção apresenta uma lista de opções mutuamente exclusivas. Uma coluna de lista de caixas de seleção apresenta uma lista de opções independentes. Esses controles contêm uma coleção de objetos ListItem, que podem ser referenciados por meio da propriedade Item do controle.
Sintaxe básica para lista de botões de opção:
<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"></asp:RadioButtonList>Sintaxe básica para lista de caixas de seleção:
<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged"></asp:CheckBoxList>Propriedades comuns para listas de caixas de seleção e botões de opção:
| propriedade | descrever |
|---|---|
| RepetirLayout | Esta propriedade especifica se tags ou fluxo HTML simples são usados na renderização da lista formatada. O padrão é tabela. |
| RepetirDireção | Especifica a direção na qual o controle pode ser repetido. Os valores disponíveis são horizontais e verticais. O padrão é vertical. |
| RepetirColunas | Quando o controle é repetido, ele especifica o número da coluna por padrão 0. |
O controle Lista com marcadores cria uma lista com marcadores ou numerada. Esses controles contêm uma coleção de objetos ListItem, que podem ser referenciados por meio da propriedade Item do controle.
Sintaxe básica para listas com marcadores:
<asp:BulletedList ID="BulletedList1" runat="server"></asp:BulletedList>Propriedades comuns de listas com marcadores:
| propriedade | descrever |
|---|---|
| Estilo de bala | Esta propriedade especifica o estilo e a aparência dos números ou números dos itens. |
| RepetirDireção | Especifica a direção na qual o controle pode ser repetido. Os valores disponíveis são horizontais e verticais. O padrão é vertical. |
| RepetirColunas | Quando o controle é repetido, ele especifica o número da coluna por padrão 0. |
Os controles de hiperlink são como elementos HTML <a> .
Sintaxe básica do controle de hiperlink:
<asp:HyperLink ID="HyperLink1" runat="server"> HyperLink</asp:HyperLink>Possui as seguintes propriedades:
| propriedade | descrever |
|---|---|
| URL da imagem | O caminho para a imagem exibida pelo controle. |
| NavegarUrl | Endereço do link de destino. |
| Texto | O texto exibido como um link. |
| Alvo | A janela ou quadro que carrega a página vinculada. |
Se a imagem não puder ser exibida, o controle de imagem exibirá a imagem na página da Web ou algum texto alternativo.
Sintaxe básica dos controles de imagem:
<asp:Image ID="Image1" runat="server">Possui as seguintes propriedades importantes:
| propriedade | descrever |
|---|---|
| Texto Alternativo | Exibir texto alternativo quando a imagem não existir. |
| Alinhar imagem | Controle de opções de alinhamento. |
| URL da imagem | O caminho para a imagem exibida pelo controle. |