ASP.NET => ASP.NET - Controles básicos

Sintaxis

<asp: Button ID = "Button1" runat = "server" onclick = "Button1_Click" Text = "Click" /> <asp: TextBox ID = "txtstate" runat = "server">
</ asp: TextBox> <asp: CheckBox ID = "chkoption" runat = "Server"> </ asp: CheckBox> <asp: RadioButton ID = "rdboption" runat = "Server"> </ asp: RadioButton>
<asp: ListBox ID = "ListBox1" runat = "server" AutoPostBack = "True"
OnSelectedIndexChanged = "ListBox1_SelectedIndexChanged"> </ asp: ListBox>
<asp: DropDownList ID = "DropDownList1" runat = "server" AutoPostBack = "True"
OnSelectedIndexChanged = "DropDownList1_SelectedIndexChanged"> </ asp: DropDownList>
<asp: RadioButtonList ID = "RadioButtonList1" runat = "server" AutoPostBack = "True"
OnSelectedIndexChanged = "RadioButtonList1_SelectedIndexChanged"> </ asp: RadioButtonList>
<asp: CheckBoxList ID = "CheckBoxList1" runat = "server" AutoPostBack = "True"
OnSelectedIndexChanged = "CheckBoxList1_SelectedIndexChanged"> </ asp: CheckBoxList>
<asp: BulletedList ID = "BulletedList1" runat = "server"> </ asp: BulletedList>
<asp: HyperLink ID = "HyperLink1" runat = "server"> HyperLink </ asp: HyperLink> <asp: Image ID = "Image1" runat = "server">

Cuadros de texto y etiquetas

Los controles de cuadro de texto se utilizan normalmente para aceptar entradas del usuario. Un control de cuadro de texto puede aceptar una o más líneas de texto dependiendo de la configuración del atributo TextMode.

Los controles de etiqueta proporcionan una manera fácil de mostrar texto que se puede cambiar de una ejecución de una página a la siguiente. Si desea mostrar texto que no cambia, use el texto literal.

Sintaxis básica del control de texto:

<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>

Propiedades comunes del cuadro de texto y etiquetas:

Propiedades	Descripción
Modo de texto	Especifica el tipo de cuadro de texto. SingleLine crea un cuadro de texto estándar, MultiLIne crea un cuadro de texto que acepta más de una línea de texto y la Contraseña hace que los caracteres que se ingresan estén enmascarados. El valor predeterminado es SingleLine.
Texto	El contenido de texto del cuadro de texto.
Longitud máxima	El número máximo de caracteres que se pueden introducir en el cuadro de texto.
Envolver	Determina si el texto se ajusta automáticamente o no para el cuadro de texto de varias líneas; el valor predeterminado es true.
Solo lectura	Determina si el usuario puede cambiar el texto en el cuadro; el valor predeterminado es falso, es decir, 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 que se utiliza para la entrada de texto.
Filas	La altura de un cuadro de texto multilínea en líneas. El valor predeterminado es 0, significa un cuadro de texto de una sola línea.

El atributo más utilizado para un control de etiqueta es 'Texto', que implica el texto que se muestra en la etiqueta.

Casillas de verificación y botones de radio

Una casilla de verificación muestra una única opción que el usuario puede marcar o desmarcar y los botones de radio presentan un grupo de opciones entre las cuales el usuario puede seleccionar solo una opción.

Para crear un grupo de botones de opción, debe especificar el mismo nombre para el atributo GroupName de cada botón de opción en el grupo. Si se requiere más de un grupo en un solo formulario, especifique un nombre de grupo diferente para cada grupo.

Si desea que se seleccione la casilla de verificación o el botón de opción cuando se muestre inicialmente el formulario, establezca su atributo Verificado en verdadero. Si el atributo Comprobado se establece en verdadero para varios botones de radio en un grupo, solo el último se considera verdadero.

Sintaxis básica de la casilla de verificación:

<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>

Sintaxis básica del botón de radio:

<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>

Propiedades comunes de casillas de verificación y botones de radio:

Propiedades	Descripción
Texto	El texto que se muestra al lado de la casilla de verificación o botón de radio.
Comprobado	Especifica si está seleccionado o no, el valor predeterminado es falso.
Nombre del grupo	Nombre del grupo al que pertenece el control.

Controles de lista

ASP.NET proporciona los siguientes controles

La 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 elegir entre uno o más elementos de la lista. Los cuadros de lista y las listas desplegables contienen uno o más elementos de lista. Estas listas se pueden cargar por código o por 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 del cuadro de lista y listas desplegables:

Propiedades	Descripción
Artículos	La colección de objetos ListItem que representa los elementos en el control. Esta propiedad devuelve un objeto de tipo ListItemCollection.
Filas	Especifica el número de elementos que se muestran en el cuadro. Si la lista real contiene más filas de las que se muestran, se agrega una barra de desplazamiento.
SelectedIndex	El índice del elemento seleccionado actualmente. Si se selecciona más de un elemento, entonces el índice del primer elemento seleccionado. Si no se selecciona ningún elemento, el valor de esta propiedad es -1.
SelectedValue	El valor del elemento seleccionado actualmente. Si se selecciona más de un elemento, entonces el valor del primer elemento seleccionado. Si no se selecciona ningún elemento, el valor de esta propiedad es una cadena vacía ("").
Modo de selección	Indica si un cuadro de lista permite selecciones individuales o selecciones múltiples.

Propiedades comunes de cada objeto de la lista de objetos:

Propiedades	Descripción
Texto	El texto mostrado para el artículo.
Seleccionado	Un valor de cadena asociado con el elemento.
Valor	Indica si el elemento está seleccionado.

Es importante señalar que:

Para trabajar con los elementos en una lista desplegable o en un cuadro de lista, utilice la propiedad Items 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 cuadro de lista.

Lista de botones de radio y lista de casillas de verificación

Una lista de botones de radio presenta una lista de opciones mutuamente excluyentes. Una 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 podría hacer referencia a través de la propiedad Items del control.

Sintaxis básica de la lista de botones de radio:

<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" 
   OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged">
</asp:RadioButtonList>

Sintaxis básica de la lista de casillas de verificación:

<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" 
   OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged">
</asp:CheckBoxList>

Propiedades comunes de las listas de casillas de verificación y botones de radio:

Propiedades	Descripción
RepeatLayout	Este atributo especifica si las etiquetas de la tabla o el flujo de HTML normal se usarán al formatear la lista cuando se procesa. El valor predeterminado es Tabla.
Repetir direccion	Especifica la dirección en la que se repetirán los controles. Los valores disponibles son horizontal y vertical. El valor predeterminado es vertical.
RepetirColumnas	Especifica el número de columnas que se utilizarán al repetir los controles; el valor predeterminado es 0.

Listas con viñetas y listas numeradas

El control de lista con viñetas crea listas con viñetas o listas numeradas. Estos controles contienen una colección de objetos ListItem a los que se podría hacer referencia a través de la propiedad Items del control.

Sintaxis básica de una lista con viñetas:

<asp:BulletedList ID="BulletedList1" runat="server">
</asp:BulletedList>

Propiedades comunes de la lista con viñetas:

Propiedades	Descripción
BulletStyle	Esta propiedad especifica el estilo y el aspecto de las viñetas o números.
Repetir direccion	Especifica la dirección en la que se repetirán los controles. Los valores disponibles son horizontal y vertical. El valor predeterminado es vertical.
RepetirColumnas	Especifica el número de columnas que se utilizarán al repetir los controles; el valor predeterminado es 0.

Control HyperLink

El control HyperLink es como el elemento HTML.

Sintaxis básica para un control de hipervínculo:

<asp:HyperLink ID="HyperLink1" runat="server">
   HyperLink
</asp:HyperLink>

Tiene las siguientes propiedades importantes:

Propiedades	Descripción
URL de la imagen	Ruta de acceso de la imagen a ser mostrada por el control.
NavegarUrl	URL del enlace de destino.
Texto	El texto que se mostrará como el enlace.
Objetivo	La ventana o marco que carga la página enlazada.

Control de imagen

El control de imagen se utiliza para mostrar imágenes en la página web, o algún texto alternativo, si la imagen no está disponible.

Sintaxis básica para un control de imagen:

<asp:Image ID="Image1" runat="server">

Tiene las siguientes propiedades importantes:

Propiedades	Descripción
Texto alternativo	Texto alternativo para ser mostrado en ausencia de la imagen.
ImageAlign	Opciones de alineación para el control.
URL de la imagen	Ruta de acceso de la imagen a ser mostrada por el control.

Modified text is an extract of the original Stack Overflow Documentation

Licenciado bajo CC BY-SA 3.0

No afiliado a Stack Overflow

ASP.NET
ASP.NET - Controles básicos

Buscar..