En este capítulo, analizaremos los controles básicos disponibles en ASP.NET.
ASP.NET proporciona tres tipos diferentes de controles de botones:
Botón : muestra texto dentro de un área rectangular.
Botón de enlace : muestra texto como un hipervínculo.
Botón Imagen : Muestra una imagen.
Cuando el usuario hace clic en un botón, se activan dos eventos: hacer clic y ordenar.
Sintaxis básica del control de botones:
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" / >Propiedades comunes de los controles de botones:
| propiedad | describir |
|---|---|
| Texto | El texto se muestra en el botón. Controles para botones y botones de enlace únicamente. |
| URL de la imagen | Sólo para controles de botones de imagen. Esta imagen es para mostrar el botón. |
| Texto alternativo | Sólo para controles de botones de imagen. Si el navegador no puede mostrar la imagen, se mostrará el texto de reemplazo. |
| CausasValidación | Determina si la validación de la página se realiza cuando el usuario hace clic en el botón. El valor predeterminado es verdadero. |
| Nombre del comando | El valor de cadena pasado al evento de comando cuando el usuario hace clic en el botón. |
| ComandoArgumento | El valor de cadena pasado al evento de comando cuando el usuario hace clic en el botón. |
| URL de retorno de publicación | La dirección de la página requerida aparece cuando el usuario hace clic en el botón. |
El control del cuadro de texto está especialmente diseñado para aceptar entradas del usuario. Un control de cuadro de texto puede aceptar una o más entradas de texto según la propiedad del modo de texto.
Los controles de etiquetas proporcionan una forma sencilla de mostrar texto de una página a la siguiente. Si desea mostrar un texto constante, puede utilizar texto literal.
Sintaxis básica para el control de texto:
<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>Propiedades comunes para cuadros de texto y etiquetas:
| propiedad | describir |
|---|---|
| Modo texto | Especifique el tipo de cuadro de texto. El modo de una sola línea crea texto estándar, el modo de varias líneas crea la capacidad de aceptar múltiples textos y las contraseñas hacen que se marquen los caracteres que se deben ingresar. El valor predeterminado es el texto estándar. |
| Texto | El contenido del texto del cuadro de texto. |
| Longitud máxima | Ingrese el valor máximo de caracteres de texto en el cuadro de texto. |
| Envoltura | Determina si el texto de un cuadro de texto de varias líneas se ajusta automáticamente; el valor predeterminado es Verdadero. |
| Sólo lectura | Determina si el usuario puede cambiar el texto en el cuadro; el valor predeterminado es falso, lo que significa que el usuario puede cambiar el texto. |
| columnas | El ancho del cuadro de texto en caracteres. El ancho real se determina en función de la fuente utilizada para la entrada de texto. |
| Filas | La altura del cuadro de texto de varias líneas. El valor predeterminado es 0, que representa un cuadro de texto de una sola línea. |
La propiedad más utilizada de un control de etiqueta es "Texto", que representa el texto que se muestra en la etiqueta.
Una casilla de verificación mostrará una opción que el usuario puede marcar o deseleccionar. Los botones de radio presentan un grupo de opciones entre las cuales el usuario puede seleccionar solo una opción.
Si está creando un grupo de botones de opción, puede especificar el mismo nombre para la propiedad GroupName en cada grupo de botones de opción. Si es necesario que aparezca más de un grupo en un solo formulario, especifique un nombre de grupo diferente para cada grupo.
Si desea que una casilla de verificación o un botón de opción se marque como aparece inicialmente, establezca su propiedad marcada en verdadero. Si varios botones de opción en un grupo tienen su propiedad establecida en verdadero, solo el último se considera verdadero.
Sintaxis básica para casillas de verificación:
<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>Sintaxis básica para botones de radio:
<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>Propiedades comunes para casillas de verificación y botones de opción:
| propiedad | describir |
|---|---|
| Texto | Texto que se muestra junto a una casilla de verificación o botón de opción. |
| Comprobado | Especifique si está seleccionado. El valor predeterminado no está seleccionado. |
| Nombre del grupo | El nombre del grupo al que pertenece el control. |
ASP.NET proporciona los siguientes controles:
lista desplegable,
cuadro de lista,
lista de botones de radio,
lista de casillas de verificación,
Lista con viñetas.
Estos controles permiten al usuario seleccionar de una lista de uno o más elementos. Los cuadros de lista y las listas desplegables contienen uno o más elementos de lista. Estas listas se pueden cargar mediante código o mediante el editor ListItemCollection.
Sintaxis básica del control de cuadro de lista:
<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ListBox1_SelectedIndexChanged"></asp:ListBox>Sintaxis básica del control de lista desplegable:
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>Propiedades comunes para cuadros de lista y listas desplegables:
| propiedad | describir |
|---|---|
| Elementos | Una colección de objetos ListItem que representan los elementos dentro del control. Esta propiedad devuelve un objeto de tipo ListItemCollection. |
| Filas | Especifica el número de elementos que se mostrarán en el cuadro. Si la lista real contiene más filas que la lista mostrada, se agregan barras de desplazamiento. |
| Índice seleccionado | El índice del elemento seleccionado actualmente. Si se selecciona más de un elemento, el primer índice selecciona el elemento. Si no se selecciona ningún elemento, el valor de esta propiedad es -1. |
| Valor seleccionado | El valor del elemento seleccionado actualmente. Si se selecciona más de un elemento, se selecciona el valor del primer elemento. Si no hay ningún elemento seleccionado, el valor de esta propiedad es una cadena vacía (""). |
| Modo de selección | Indica si un cuadro de lista permite una selección única o múltiples selecciones. |
Propiedades comunes para cada objeto de elemento de lista:
| propiedad | describir |
|---|---|
| Texto | El texto mostrado para el artículo. |
| Seleccionado | Indica si el elemento está seleccionado. |
| Valor | Una cadena de caracteres asociados con el proyecto. |
Las cosas en las que centrarse son:
Si desea trabajar con elementos en una lista desplegable o cuadro de lista, debe usar la propiedad Elemento del control. Esta propiedad devuelve un objeto ListItemCollection que contiene todos los elementos de la lista.
El evento SelectedIndexChanged se genera cuando el usuario selecciona un elemento diferente de una lista desplegable o un cuadro de lista.
Un objeto ListItemCollection es una colección de objetos ListItem. Cada objeto ListItem representa un elemento de la lista. Los números de artículo en ListItemCollection comienzan desde 0.
Cuando la cadena utilizada en el proceso de carga de elementos en un cuadro de lista es, por ejemplo: lstcolor.Items.Add ("Azul"), entonces la configuración de propiedad del texto y el valor del elemento de lista es el valor de cadena que especifique. Para configurarlo de manera diferente, debe crear un objeto del elemento de la lista y luego agregar el elemento a la colección.
El editor ListItemCollection se utiliza para agregar elementos a una lista desplegable o cuadro de lista. Se utiliza para crear una lista estática de elementos. Para mostrar el Editor de colecciones, seleccione Editar elemento en el menú Etiqueta inteligente o seleccione el control y haga clic en el botón de puntos suspensivos en Propiedades del elemento en la ventana Propiedades.
Propiedades comunes de ListItemCollection:
| propiedad | describir |
|---|---|
| Artículo (entero) | Un objeto ListItem que representa el elemento en el índice especificado. |
| Contar | El número de elementos de la colección. |
Métodos básicos de ListItemCollection:
| método | describir |
|---|---|
| Agregar (cadena) | Agrega un nuevo elemento al final de la colección y asigna el parámetro de cadena a la propiedad de texto del elemento. |
| Agregar (elemento de lista) | Agrega un nuevo elemento al final de la colección. |
| Insertar (entero, cadena) | Inserta un elemento en la colección en la posición de índice especificada y asigna un argumento de cadena a la propiedad de texto del elemento. |
| Insertar (entero, elemento de lista) | Inserta un elemento en la colección en el índice especificado. |
| Eliminar (cadena) | Elimina elementos con la misma cadena que el valor del texto. |
| Eliminar (elemento de lista) | Eliminar el elemento especificado. |
| Eliminar en (entero) | Elimina el elemento en el índice especificado como un número entero. |
| Claro | Elimina todos los elementos de la colección. |
| BuscarPorValor(cadena) | Devuelve el mismo elemento que el valor de la cadena. |
| BuscarPorValor(Texto) | Devuelve el mismo elemento que el literal de cadena. |
Una lista de botones de opción presenta una lista de opciones mutuamente excluyentes. Una columna de lista de casillas de verificación presenta una lista de opciones independientes. Estos controles contienen una colección de objetos ListItem, a los que se puede hacer referencia a través de la propiedad Item del control.
Sintaxis básica para la lista de botones de opción:
<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"></asp:RadioButtonList>Sintaxis básica para la lista de casillas de verificación:
<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged"></asp:CheckBoxList>Propiedades comunes para listas de casillas de verificación y botones de opción:
| propiedad | describir |
|---|---|
| Repetir diseño | Esta propiedad especifica si se utilizan etiquetas o flujo HTML simple para representar la lista formateada. El valor predeterminado es la tabla. |
| Repetir dirección | Especifica la dirección en la que se puede repetir el control. Los valores disponibles son horizontal y vertical. El valor predeterminado es vertical. |
| Repetir columnas | Cuando se repite el control, especifica el número de la columna por defecto 0. |
El control Lista con viñetas crea una lista con viñetas o numerada. Estos controles contienen una colección de objetos ListItem, a los que se puede hacer referencia a través de la propiedad Item del control.
Sintaxis básica para listas con viñetas:
<asp:BulletedList ID="BulletedList1" runat="server"></asp:BulletedList>Propiedades comunes de las listas con viñetas:
| propiedad | describir |
|---|---|
| estilo bala | Esta propiedad especifica el estilo y la apariencia de los números o números de artículo. |
| Repetir dirección | Especifica la dirección en la que se puede repetir el control. Los valores disponibles son horizontal y vertical. El valor predeterminado es vertical. |
| Repetir columnas | Cuando se repite el control, especifica el número de la columna por defecto es 0. |
Los controles de hipervínculo son como elementos HTML <a> .
Sintaxis básica del control de hipervínculos:
<asp:HyperLink ID="HyperLink1" runat="server"> HyperLink</asp:HyperLink>Tiene las siguientes propiedades:
| propiedad | describir |
|---|---|
| URL de la imagen | La ruta a la imagen mostrada por el control. |
| Navegar por URL | Dirección del enlace de destino. |
| Texto | El texto mostrado como un enlace. |
| Objetivo | La ventana o marco que carga la página vinculada. |
Si la imagen no se puede mostrar, el control de imagen muestra la imagen en la página web o algún texto alternativo.
Sintaxis básica de controles de imagen:
<asp:Image ID="Image1" runat="server">Tiene las siguientes propiedades importantes:
| propiedad | describir |
|---|---|
| Texto alternativo | Mostrar texto alternativo cuando la imagen no existe. |
| Alinear imagen | Control de opciones de alineación. |
| URL de la imagen | La ruta a la imagen mostrada por el control. |