CONTROLES BASICOS DE ASP.NET 2.

0 Pgina: 1 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
CONTROLES BASICOS DE ASP.NET 2.0

1. TextBox

AutoPostBack: Determina si se enviaran datos automticamente al servidor cuando el usuario
cambie el contenido del control. Si es False, no se enviaran datos al servidor hasta que se enve la
pagina, mediante un botn u otro control con AutoPostBack con el valor True. Por defecto es
False.

Columns: La anchura del cuadro de texto en caracteres. Por defecto es 0 (cero), lo que indica que
no se ha configurado la propiedad.

MaxLength: El numero mximo de caracteres permitidos. Su valor predeterminado es 0 (cero),
que no impone un lmite al numero de caracteres que se introducen en el cuadro de texto.

TextMode: Se pueden establecer los siguientes valores:
SingleLine: (Predeterminado) Muestra una sola lnea de texto.
MultiLine: Permite varias lneas de texto y muestra una barra de desplazamiento
vertical. El texto se ajustara automticamente a la anchura del cuadro.
Password: Muestra el contenido con asteriscos y borra automticamente el cuadro de
texto al enviar los datos.

ValidationGroup: Especifica de que grupo de validacin, en caso de haberlo, es miembro este
control.

Wrap: Indica si debe ajustarse el texto de un cuadro de texto multilnea. Si es False, el cuadro de
texto tendr una barra de desplazamiento. Por defecto es true.


2. Controles Button

Los botones son controles que envan datos del formulario al servidor, permitiendo que comience
el procesamiento en el lado del servidor. Hay 3 tipos de controles Button en ASP.Net.

2.1.- Button: Es el botn estndar.

2.2.- LinkButton: Es una especie de mezcla entre un botn estndar y un control hyperlink,
pues este control (LinkButton) se muestra como un Hipervnculo.

2.3.- ImageButton: Realiza la misma funcin que un botn estndar, excepto que es una
imagen d EMAPA de bits la que ocupa el lugar del botn en el formulario. Para este control no
existe el atributo Text, pero si un atributo AlternateText, que especifica que texto se mostrara
en los navegadores que no admiten grficos.

CausesValidation: Si tenemos mas de un botn en nuestra pagina Web y estamos trabajando con
controles de validacin, podemos establecer esta propiedad al valor False para que el botn no
active el proceso de validacin.

CommadName: Podemos tener mltiples botones en nuestro formulario asociados a un solo
evento. Lo importante es que tambin podemos etiquetar los botones para que el cdigo pueda
realizar una decisin lgica basada en los botones del formulario sobre los que se ha hecho clic.



CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 2 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
Ejemplo 1: En un formulario Web crear una tabla con 4 filas y 2 columnas, la primera y la
ultima fila se han combinado para formar 1 sola.









Luego en el cdigo de origen del diseo del formulario (Source) agregaremos el mtodo
OnCommand dentro de las especificaciones de cada uno de estos Botones, para este ejemplo el
mtodo comn se llama Comandos.

< << <asp asp asp asp: :: :8uffon 8uffon 8uffon 8uffon lD lD lD lD="8ofon1" ="8ofon1" ="8ofon1" ="8ofon1" unaf unaf unaf unaf="seve" ="seve" ="seve" ="seve" CommandName CommandName CommandName CommandName="bfn1" ="bfn1" ="bfn1" ="bfn1" 1exf 1exf 1exf 1exf="8ofon1" ="8ofon1" ="8ofon1" ="8ofon1"
OnCommand OnCommand OnCommand OnCommand="Comandos" ="Comandos" ="Comandos" ="Comandos" /> /> /> />

< << <asp asp asp asp: :: :8uffon 8uffon 8uffon 8uffon lD lD lD lD="8ofon2" ="8ofon2" ="8ofon2" ="8ofon2" unaf unaf unaf unaf="seve" ="seve" ="seve" ="seve" CommandName CommandName CommandName CommandName="bfn2" ="bfn2" ="bfn2" ="bfn2" 1exf 1exf 1exf 1exf="8ofon2" ="8ofon2" ="8ofon2" ="8ofon2"
OnCommand OnCommand OnCommand OnCommand="Comandos ="Comandos ="Comandos ="Comandos" "" " Causesva11daf1on Causesva11daf1on Causesva11daf1on Causesva11daf1on="Ia1se" ="Ia1se" ="Ia1se" ="Ia1se" /> /> /> />

Por ultimo debemos crear el mtodo Comandos en el cdigo de la pagina de visual basic tal como
sigue:

Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub Comandos{ Comandos{ Comandos{ Comandos{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.Web.ul.WebConfo1s.CommandLvenfAgs} 5ysfem.Web.ul.WebConfo1s.CommandLvenfAgs} 5ysfem.Web.ul.WebConfo1s.CommandLvenfAgs} 5ysfem.Web.ul.WebConfo1s.CommandLvenfAgs}
D1 D1 D1 D1m mm m cad cad cad cad As As As As 5f1ng 5f1ng 5f1ng 5f1ng = = = = "" "" "" ""
5e1ecf 5e1ecf 5e1ecf 5e1ecf Case Case Case Case e.CommandName e.CommandName e.CommandName e.CommandName
Case Case Case Case "bfn1" "bfn1" "bfn1" "bfn1"
cad = cad = cad = cad = "haz hecho c11c en e1 8ofon1" "haz hecho c11c en e1 8ofon1" "haz hecho c11c en e1 8ofon1" "haz hecho c11c en e1 8ofon1"
Case Case Case Case "bfn2" "bfn2" "bfn2" "bfn2"
cad = cad = cad = cad = "haz hecho c11c en e1 8ofon2" "haz hecho c11c en e1 8ofon2" "haz hecho c11c en e1 8ofon2" "haz hecho c11c en e1 8ofon2"
Lnd Lnd Lnd Lnd 5e1ecf 5e1ecf 5e1ecf 5e1ecf
Me Me Me Me.Lb1kesu1f.1exf = ca .Lb1kesu1f.1exf = ca .Lb1kesu1f.1exf = ca .Lb1kesu1f.1exf = cad dd d
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub

Guarde y Ejecute.

Ejemplo 2: En un segundo formulario Web crear una tabla con 4 filas y 2 columnas, la
primera y la ultima fila se han combinado para formar 1 sola.




TextBox
ID = TxtNombre
RequiredFieldValidator
ControlToValidate=TxtNombre
ErrorMessage=Obligatorio
Button1
ID = Boton1
CommandName=btn1
Button2
ID = Boton2
CommandName=btn2
CausesValidation=False
Label1
ID=LblResult
LinkButton1
ID = LnkBtn1
Text = Mostrar Fecha
ToolTip = Fecha Corta
ImageButton1
ImageUrl = ~/Imagenes/FilledStar.png
ToolTip = Mostrar Fecha Larga
CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 3 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
El cdigo generado por el IDE de ASP.Net para la creacin de nuestros controles Web
(LinkButton e ImageButton) se muestran a continuacin:

< << <asp asp asp asp: :: :L1nk8uffon L1nk8uffon L1nk8uffon L1nk8uffon lD lD lD lD="Lnk8fn1" ="Lnk8fn1" ="Lnk8fn1" ="Lnk8fn1" unaf unaf unaf unaf="seve" ="seve" ="seve" ="seve" 1oo111p 1oo111p 1oo111p 1oo111p="Iecha Cofa" ="Iecha Cofa" ="Iecha Cofa" ="Iecha Cofa"
1exf 1exf 1exf 1exf="Mosfa Iecha" ="Mosfa Iecha" ="Mosfa Iecha" ="Mosfa Iecha" / // /> >> >

< << <asp asp asp asp: :: :lmage8uffon lmage8uffon lmage8uffon lmage8uffon lD lD lD lD="lmage8uffon1" ="lmage8uffon1" ="lmage8uffon1" ="lmage8uffon1" unaf unaf unaf unaf="seve" ="seve" ="seve" ="seve"
lmageu1 lmageu1 lmageu1 lmageu1="~/lmagenes/I111ed5fa.png" ="~/lmagenes/I111ed5fa.png" ="~/lmagenes/I111ed5fa.png" ="~/lmagenes/I111ed5fa.png" 1oo11 1oo11 1oo11 1oo111p 1p 1p 1p="Iecha Laga" ="Iecha Laga" ="Iecha Laga" ="Iecha Laga" /> /> /> />

El cdigo de este formulario Web se muestra a continuacin:

Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub PageLoad{ PageLoad{ PageLoad{ PageLoad{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} hand1es hand1es hand1es hand1es Me Me Me Me.Load .Load .Load .Load

Lb1hoa.1exf = NoW.1oLong11me5f1ng Lb1hoa.1exf = NoW.1oLong11me5f1ng Lb1hoa.1exf = NoW.1oLong11me5f1ng Lb1hoa.1exf = NoW.1oLong11me5f1ng

Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub


Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub Lnk8 Lnk8 Lnk8 Lnk8fn1C11ck{ fn1C11ck{ fn1C11ck{ fn1C11ck{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} hand1es hand1es hand1es hand1es Lnk8fn1.C11ck Lnk8fn1.C11ck Lnk8fn1.C11ck Lnk8fn1.C11ck

Lb1Mensae.1exf = NoW.1o5hofDafe5f1ng Lb1Mensae.1exf = NoW.1o5hofDafe5f1ng Lb1Mensae.1exf = NoW.1o5hofDafe5f1ng Lb1Mensae.1exf = NoW.1o5hofDafe5f1ng

Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub


Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub lmage8uffon1C11ck{ lmage8uffon1C11ck{ lmage8uffon1C11ck{ lmage8uffon1C11ck{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.Web.ul.lmageC11ckLvenfAgs} 5ysfem.Web.ul.lmageC11ckLvenfAgs} 5ysfem.Web.ul.lmageC11ckLvenfAgs} 5ysfem.Web.ul.lmageC11ckLvenfAgs} hand hand hand hand1es 1es 1es 1es lmage8uffon1.C11ck lmage8uffon1.C11ck lmage8uffon1.C11ck lmage8uffon1.C11ck

Lb1Mensae.1exf = NoW.1oLongDafe5f1ng Lb1Mensae.1exf = NoW.1oLongDafe5f1ng Lb1Mensae.1exf = NoW.1oLongDafe5f1ng Lb1Mensae.1exf = NoW.1oLongDafe5f1ng

Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub

Guarde y Ejecute.




Adems de todas las propiedades y mtodos los 3 tipos de botn tienen estos 2 eventos:

Click: Este evento se desencadena cuando se hace un clic en el control y no hay un nombre de
comando asociado al boton (es decir, no se ha asignado un valor a la propiedad CommandName
del control Button). El mtodo recibe un argumento del tipo EventArgs.

Command: Este evento se desencadena cuando se hace un clic en el control y hay un nombre de
comando asociado al boton. El evento recibe un argumento del tipo CommandEventArgs que
tiene los siguientes miembros:

CommandName: El nombre del comando.
CommandArgument: Un argumento opcional para el comando.


CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 4 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
3. Hyperlink

Los hipervnculos son vnculos que permiten a los usuarios desplazarse de una pagina a otra.

ImageUrl: Ruta de la imagen que se mostrara. Si se usa este atributo, el usuario vera un control
idntico a un control ImageButton, solo que el ImageButton enva el formulario y el HyperLink
solo nos lleva a un sitio.

NavigateUrl: El URL a la que nos desplazaremos.

Text: La cadena de texto que se mostrara como vinculo en el navegador. Si establecemos las
propiedades Text e ImageUrl, esta ultima tiene prioridad. El texto se mostrara si es que la imagen
no esta disponible.

Podemos establecer el texto de un hipervnculo utilizando el atributo Text del control.

< << <asp asp asp asp: :: :hypeL1nk hypeL1nk hypeL1nk hypeL1nk lD lD lD lD="hypeL1nk2" ="hypeL1nk2" ="hypeL1nk2" ="hypeL1nk2" unaf unaf unaf unaf="seve" ="seve" ="seve" ="seve" 1exf 1exf 1exf 1exf=" =" =" ="lngesa lngesa lngesa lngesa" "" "
Nav1gafeu1 Nav1gafeu1 Nav1gafeu1 Nav1gafeu1="~/Pag1na1.aspx" ="~/Pag1na1.aspx" ="~/Pag1na1.aspx" ="~/Pag1na1.aspx" / // /> >> >

Este control de servidor crea un hipervnculo en nuestra pagina Web con el Texto Ingresar. Al
hacer clic en este vinculo, el usuario se redirige a la pagina indicada en la propiedad NavigateUrl.

Lo mas interesante del control Hyperlink es que se puede utilizar para imgenes y texto. En lugar
de utilizar el atributo Text para texto, se puede utilizar la propiedad ImageUrl para una imagen.

< << <asp asp asp asp: :: :hypeL1nk hypeL1nk hypeL1nk hypeL1nk lD lD lD lD="hypeL1nk1" ="hypeL1nk1" ="hypeL1nk1" ="hypeL1nk1" unaf unaf unaf unaf="seve" ="seve" ="seve" ="seve"
Nav1gafeu1 Nav1gafeu1 Nav1gafeu1 Nav1gafeu1="avasc1pf:W1ndoW.c1ose{}" ="avasc1pf:W1ndoW.c1ose{}" ="avasc1pf:W1ndoW.c1ose{}" ="avasc1pf:W1ndoW.c1ose{}"1oo111p 1oo111p 1oo111p 1oo111p="Cea Pg1na" ="Cea Pg1na" ="Cea Pg1na" ="Cea Pg1na"
lmageu1 lmageu1 lmageu1 lmageu1="~/lmagenes ="~/lmagenes ="~/lmagenes ="~/lmagenes/5a11.png" /5a11.png" /5a11.png" /5a11.png" / // /> >> >



4. Controles de Seleccin

ASP.Net proporciona cinco controles de servidor para seleccionar uno o varios elemento de una
lista:

DropDownList
ListBox
RadioButtonList
CheckBoxList
BulletList

Todos estos miembros derivan de ListControl y tienen mucho en comn:

ListItem: (Elemento de Lista, es la informacin que muestra la lista) funciona exactamente igual
para todos los ListControls, con una propiedad Value y una propiedad Text.

La propiedad tems del control contiene la coleccin de todos los ListItems.

ListItems se puede aadir a la coleccin tems de forma esttica (es decir, declarativamente, en el
archivo de contenido), mediante programacin, usando el mtodo Add o desde un origen de datos
(DataSource).

Las propiedades SelectedIndex y SelectedItem del control apuntan al elemento seleccionado con
el ndice mas bajo (0 = cero). SelectedIndex devuelve el valor de este ndice que se encuentra
CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 5 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
seleccionado y que comienza con el valor cero para el primer elemento por defecto; SelectedItem
nos devuelve todo el elemento de ah que a travs de esta propiedad podemos obtener el Texto
(Text) as como tambin su valor almacenado en el elemento (Value).

La propiedad SelectedValue del control recupera o especifica el valor del elemento seleccionado.

La propiedad AppendDataBoundItems del control (una novedad de la versin 2 de ASP.NET)
permite que se aadan los elementos obtenidos mediante el vinculo de datos a la coleccin tems,
en lugar de reemplazarla, que es el comportamiento predeterminado.

Los cinco controles producen y responden al evento SelectedIndexChanged.

Diferencias entre los 5 controles de lista

Caracterstica BulletedList CheckBoxList RadioButtonList DropDownList ListBox

Una sola seleccin X X X

Seleccionar mas de X X
Un elemento

Muestra todos los X X X
Elementos

Muestra 1 solo X
Elemento a la vez

Muestra varios X
Elementos, usando
Una barra de
Desplazamiento
Vertical si es necesario

Utilizado para listas X X X
Cortas

Utilizado para listas X X
Largas


Objeto ListItem

Cinco controles de servidor nos permiten seleccionar elementos de una lista, todos
derivados de la clase ListControl. Un control ListControl esta formado por una coleccin de
objetos ListItem. Cada objeto ListItem tiene 4 propiedades:

Nombre Tipo Descripcin
Enabled Boolean Si es False, el elemento esta inactivo e invisible.
Selected Bolean Un valor que indica que se ha seleccionado un elemento.
Text String Cadena de texto mostrada para un ListItem.
Value String Valor asociado a ListItem. El valor no se muestra, pero esta
disponible para la programacin.

Cuando se utilizan listas, es habitual mostrar lo mas entendible al usuario (nombres o
descripciones) y pasar algo diferente al cdigo. Por ejemplo, si mostramos a los usuarios la lista de
Productos por Nombre (propiedad Text), cuando se selecciona un Producto, el programa pasara
del elemento actualmente seleccionado el valor almacenado en su propiedad Value, que podra
ser su Cdigo, Precio o cualquier valor que nos sirva para la realizacin de alguna operacin,
generalmente es el Cdigo.

CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 6 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
DropDownList

Este control muestra un solo elemento a la vez, con un botn para desplegar la lista. Solo permite
la seleccin de un elemento a la vez.

En el siguiente ejemplo, nuestro formulario Web mostrara un control DropDownList el cual ha sido
poblado desde el evento Page_Load desde una matriz bidimensional que almacene los valores
para las propiedades Text y Value. La matriz se utiliza para aadir los objetos ListItem a la
coleccin tems.

El diseo del formulario se muestra a continuacin:






El cdigo de nuestra pagina asociada al lenguaje Visual Basic se muestra a continuacin:

Ceamos 1a maf1z de 2 d1mens1ones pa Ceamos 1a maf1z de 2 d1mens1ones pa Ceamos 1a maf1z de 2 d1mens1ones pa Ceamos 1a maf1z de 2 d1mens1ones paa e1 a e1 a e1 a e1 nombe y e1 pec1o de1 11bo nombe y e1 pec1o de1 11bo nombe y e1 pec1o de1 11bo nombe y e1 pec1o de1 11bo
D1m D1m D1m D1m vL1bos{,} vL1bos{,} vL1bos{,} vL1bos{,} As As As As 5f1ng 5f1ng 5f1ng 5f1ng = = = =
{{ {{ {{ {{"Pogamm1ng 5qL 5eve 2005" "Pogamm1ng 5qL 5eve 2005" "Pogamm1ng 5qL 5eve 2005" "Pogamm1ng 5qL 5eve 2005", 49.5}, , 49.5}, , 49.5}, , 49.5},
{ {{ {"5qL 5eve 2005 1 "5qL 5eve 2005 1 "5qL 5eve 2005 1 "5qL 5eve 2005 1- -- -5qL Pogamm1ng" 5qL Pogamm1ng" 5qL Pogamm1ng" 5qL Pogamm1ng", 45.6}, , 45.6}, , 45.6}, , 45.6},
{ {{ {"1ansacf 5qL 5eve 2000" "1ansacf 5qL 5eve 2000" "1ansacf 5qL 5eve 2000" "1ansacf 5qL 5eve 2000", 35.}, , 35.}, , 35.}, , 35.},
{ {{ {"v1sua1 8as1c 2005" "v1sua1 8as1c 2005" "v1sua1 8as1c 2005" "v1sua1 8as1c 2005", 42.7}} , 42.7}} , 42.7}} , 42.7}}

Pof Pof Pof Pofecfed ecfed ecfed ecfed 5ub 5ub 5ub 5ub PageLoad{ PageLoad{ PageLoad{ PageLoad{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} hand1es hand1es hand1es hand1es Me Me Me Me.Load .Load .Load .Load
51 1a pag1na se esfa vo1v1endo a caga, sa11mos de1 poced1m1enfo 51 1a pag1na se esfa vo1v1endo a caga, sa11mos de1 poced1m1enfo 51 1a pag1na se esfa vo1v1endo a caga, sa11mos de1 poced1m1enfo 51 1a pag1na se esfa vo1v1endo a caga, sa11mos de1 poced1m1enfo
lf lf lf lf Page.lsPosf8ack = Page.lsPosf8ack = Page.lsPosf8ack = Page.lsPosf8ack = 1ue 1ue 1ue 1ue 1hen 1hen 1hen 1hen Lx1f Lx1f Lx1f Lx1f 5ub 5ub 5ub 5ub

Io Io Io Io 1 1 1 1 As As As As 8yfe 8yfe 8yfe 8yfe = 0 = 0 = 0 = 0 1o 1o 1o 1o vL1bos.GefLengfh{0} vL1bos.GefLengfh{0} vL1bos.GefLengfh{0} vL1bos.GefLengfh{0} - -- - 1 11 1
Agegamos cada e1emenfo de 1a maf1z a 1as pop1edades Agegamos cada e1emenfo de 1a maf1z a 1as pop1edades Agegamos cada e1emenfo de 1a maf1z a 1as pop1edades Agegamos cada e1emenfo de 1a maf1z a 1as pop1edades
1exf y va1ue po cada L1sflfem a agega 1exf y va1ue po cada L1sflfem a agega 1exf y va1ue po cada L1sflfem a agega 1exf y va1ue po cada L1sflfem a agega
Me Me Me Me.dd1L1bos.lfems.Add{ .dd1L1bos.lfems.Add{ .dd1L1bos.lfems.Add{ .dd1L1bos.lfems.Add{
NeW NeW NeW NeW L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}} L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}} L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}} L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}}
Nexf Nexf Nexf Nexf
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub

Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub dd1L1bos5e1ecfedlndexChange dd1L1bos5e1ecfedlndexChange dd1L1bos5e1ecfedlndexChange dd1L1bos5e1ecfedlndexChanged{ d{ d{ d{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} hand1es hand1es hand1es hand1es dd1L1bos.5e1ecfedlndexChanged dd1L1bos.5e1ecfedlndexChanged dd1L1bos.5e1ecfedlndexChanged dd1L1bos.5e1ecfedlndexChanged
Mosfamos e1 Pec1o de1 L1bo se1ecc1onado Mosfamos e1 Pec1o de1 L1bo se1ecc1onado Mosfamos e1 Pec1o de1 L1bo se1ecc1onado Mosfamos e1 Pec1o de1 L1bo se1ecc1onado
Me Me Me Me.1b1Pec1o.1exf = .1b1Pec1o.1exf = .1b1Pec1o.1exf = .1b1Pec1o.1exf = Me Me Me Me.dd1L1bos.5e1ecfedva1ue.1o5f1ng .dd1L1bos.5e1ecfedva1ue.1o5f1ng .dd1L1bos.5e1ecfedva1ue.1o5f1ng .dd1L1bos.5e1ecfedva1ue.1o5f1ng
Pepaamos e1 nombe de1 ach1vo de 1magen y 1o c Pepaamos e1 nombe de1 ach1vo de 1magen y 1o c Pepaamos e1 nombe de1 ach1vo de 1magen y 1o c Pepaamos e1 nombe de1 ach1vo de 1magen y 1o concafenamos oncafenamos oncafenamos oncafenamos
a 1a ufa donde se encuenfa a 1a ufa donde se encuenfa a 1a ufa donde se encuenfa a 1a ufa donde se encuenfa
D1m D1m D1m D1m xNom xNom xNom xNom As As As As 5f1ng 5f1ng 5f1ng 5f1ng = = = = Me Me Me Me.dd1L1bos.5e1ecfedlfem.1exf & .dd1L1bos.5e1ecfedlfem.1exf & .dd1L1bos.5e1ecfedlfem.1exf & .dd1L1bos.5e1ecfedlfem.1exf & ".g1f" ".g1f" ".g1f" ".g1f"
D1m D1m D1m D1m xkufa xkufa xkufa xkufa As As As As 5f1ng 5f1ng 5f1ng 5f1ng = = = = "~/L1bos/" "~/L1bos/" "~/L1bos/" "~/L1bos/" & xNom & xNom & xNom & xNom
Msg8ox{xkufa} Msg8ox{xkufa} Msg8ox{xkufa} Msg8ox{xkufa}
Lsfab1ec1endo e1 nombe y 1a ufa de1 ach1vo de 1magen a mosfa Lsfab1ec1endo e1 nombe y 1a ufa de1 ach1vo de 1magen a mosfa Lsfab1ec1endo e1 nombe y 1a ufa de1 ach1vo de 1magen a mosfa Lsfab1ec1endo e1 nombe y 1a ufa de1 ach1vo de 1magen a mosfa
Me Me Me Me.lmg .lmg .lmg .lmgL1bo.lmageu1 = xkufa L1bo.lmageu1 = xkufa L1bo.lmageu1 = xkufa L1bo.lmageu1 = xkufa
Lsfab1ec1endo e1 fexfo a1fenaf1vo {1oo111p} a 1a 1magen Lsfab1ec1endo e1 fexfo a1fenaf1vo {1oo111p} a 1a 1magen Lsfab1ec1endo e1 fexfo a1fenaf1vo {1oo111p} a 1a 1magen Lsfab1ec1endo e1 fexfo a1fenaf1vo {1oo111p} a 1a 1magen
Me Me Me Me.lmgL1bo.A1fenafe1exf = .lmgL1bo.A1fenafe1exf = .lmgL1bo.A1fenafe1exf = .lmgL1bo.A1fenafe1exf = Me Me Me Me.dd1L1bos.5e1ecfedlfem.1exf .dd1L1bos.5e1ecfedlfem.1exf .dd1L1bos.5e1ecfedlfem.1exf .dd1L1bos.5e1ecfedlfem.1exf
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub

DropDownList1
ID = ddlLibros
AutoPostBack = True
Image1
ID = ImgLibro
Label1
ID = lblPrecio
Button1
ID = btnSalir
CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 7 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub bfn5a11C11ck{ bfn5a11C11ck{ bfn5a11C11ck{ bfn5a11C11ck{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} hand1es hand1es hand1es hand1es bfn5a11 bfn5a11 bfn5a11 bfn5a11.C11ck .C11ck .C11ck .C11ck
ceando e1 cod1go de avasc1pf que pem1fa cea ceando e1 cod1go de avasc1pf que pem1fa cea ceando e1 cod1go de avasc1pf que pem1fa cea ceando e1 cod1go de avasc1pf que pem1fa cea
e1 fomu1a1o e1 fomu1a1o e1 fomu1a1o e1 fomu1a1o
kesponse.W1fe{ kesponse.W1fe{ kesponse.W1fe{ kesponse.W1fe{"<sc1pf>avasc1pf:W1ndoW.c1ose{}</sc1pf>" "<sc1pf>avasc1pf:W1ndoW.c1ose{}</sc1pf>" "<sc1pf>avasc1pf:W1ndoW.c1ose{}</sc1pf>" "<sc1pf>avasc1pf:W1ndoW.c1ose{}</sc1pf>"} }} }
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub

Una imagen de nuestro formulario en ejecucin se muestra a continuacin:




Nota: Para este ejemplo se necesita una carpeta llamada Libros dentro del Sitio Web la cual
contenga las 4 imgenes de los libros con el mismo nombre de los elementos de la lista.
























CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 8 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
ListBox

Este control es muy parecido al control DropDownList, excepto que todos los elementos de lista
son visibles, con la ayuda de una barra de desplazamiento, si es necesaria. Cambiando la
propiedad SelectionMode de Single por Multiple, podemos utilizar el control ListBox para
seleccionar varios elementos.

El ejemplo siguiente utilizara 2 ListBoxes diferentes, uno que utiliza la seleccin simple y la otra la
seleccin mltiple. La implementacin de estos 2 controles es casi idntica, la diferencia se
encuentra en la tcnica para identificar los elementos seleccionados.




El cdigo de la pagina de programacin se muestra a continuacin:


Ceamos 1a maf1z de 2 d1mens1ones paa e1 Ceamos 1a maf1z de 2 d1mens1ones paa e1 Ceamos 1a maf1z de 2 d1mens1ones paa e1 Ceamos 1a maf1z de 2 d1mens1ones paa e1 nombe y e1 pec1o de1 11bo nombe y e1 pec1o de1 11bo nombe y e1 pec1o de1 11bo nombe y e1 pec1o de1 11bo
D1m D1m D1m D1m vL1bos{,} vL1bos{,} vL1bos{,} vL1bos{,} As As As As 5f1ng 5f1ng 5f1ng 5f1ng = = = =
{{ {{ {{ {{"Pogamm1ng 5qL 5eve 2005" "Pogamm1ng 5qL 5eve 2005" "Pogamm1ng 5qL 5eve 2005" "Pogamm1ng 5qL 5eve 2005", 49.5}, , 49.5}, , 49.5}, , 49.5},
{ {{ {"5qL 5eve 2005 1 "5qL 5eve 2005 1 "5qL 5eve 2005 1 "5qL 5eve 2005 1- -- -5qL P 5qL P 5qL P 5qL Pogamm1ng" ogamm1ng" ogamm1ng" ogamm1ng", 45.6}, , 45.6}, , 45.6}, , 45.6},
{ {{ {"1ansacf 5qL 5eve 2000" "1ansacf 5qL 5eve 2000" "1ansacf 5qL 5eve 2000" "1ansacf 5qL 5eve 2000", 35.}, , 35.}, , 35.}, , 35.},
{ {{ {"v1sua1 8as1c 2005" "v1sua1 8as1c 2005" "v1sua1 8as1c 2005" "v1sua1 8as1c 2005", 42.7}} , 42.7}} , 42.7}} , 42.7}}

Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub PageLoad{ PageLoad{ PageLoad{ PageLoad{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} hand1es hand1es hand1es hand1es Me Me Me Me.Load .Load .Load .Load
51 1a pag1na se esfa vo1v1endo a caga, sa11mos d 51 1a pag1na se esfa vo1v1endo a caga, sa11mos d 51 1a pag1na se esfa vo1v1endo a caga, sa11mos d 51 1a pag1na se esfa vo1v1endo a caga, sa11mos de1 poced1m1enfo e1 poced1m1enfo e1 poced1m1enfo e1 poced1m1enfo
lf lf lf lf Page.lsPosf8ack = Page.lsPosf8ack = Page.lsPosf8ack = Page.lsPosf8ack = 1ue 1ue 1ue 1ue 1hen 1hen 1hen 1hen Lx1f Lx1f Lx1f Lx1f 5ub 5ub 5ub 5ub

Io Io Io Io 1 1 1 1 As As As As 8yfe 8yfe 8yfe 8yfe = 0 = 0 = 0 = 0 1o 1o 1o 1o vL1bos.GefLengfh{0} vL1bos.GefLengfh{0} vL1bos.GefLengfh{0} vL1bos.GefLengfh{0} - -- - 1 11 1
Agegamos cada e1emenfo de 1a maf1z a 1as pop1edades Agegamos cada e1emenfo de 1a maf1z a 1as pop1edades Agegamos cada e1emenfo de 1a maf1z a 1as pop1edades Agegamos cada e1emenfo de 1a maf1z a 1as pop1edades
1exf y va1ue po cada L1sflfem a agega 1exf y va1ue po cada L1sflfem a agega 1exf y va1ue po cada L1sflfem a agega 1exf y va1ue po cada L1sflfem a agega
Lsf51mp1e.lfems.Add{ Lsf51mp1e.lfems.Add{ Lsf51mp1e.lfems.Add{ Lsf51mp1e.lfems.Add{NeW NeW NeW NeW L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}} L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}} L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}} L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}}
LsfMu1f1p1e.lfems.Add{ LsfMu1f1p1e.lfems.Add{ LsfMu1f1p1e.lfems.Add{ LsfMu1f1p1e.lfems.Add{NeW NeW NeW NeW L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}} L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}} L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}} L1sflfem{vL1bos{1, 0}, vL1bos{1, 1}}}
Nexf Nexf Nexf Nexf
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub




ListBox1
ID = lstSimple
AutoPostBack = True
SelectionMode = Single
Label1
ID = lblmsj1

ListBox2
ID = lstMultiple
AutoPostBack = True
SelectionMode = Multiple
Rows = 6
Label2
ID = lblmsj2

CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 9 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub Lsf51mp1e5e1ecfedlndexChanged{ Lsf51mp1e5e1ecfedlndexChanged{ Lsf51mp1e5e1ecfedlndexChanged{ Lsf51mp1e5e1ecfedlndexChanged{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} hand1es hand1es hand1es hand1es Lsf51mp1e.5e1ecf Lsf51mp1e.5e1ecf Lsf51mp1e.5e1ecf Lsf51mp1e.5e1ecfedlndexChanged edlndexChanged edlndexChanged edlndexChanged
51 hemos se1ecc1onado a1guna f11a de1 confo1, enfonces 51 hemos se1ecc1onado a1guna f11a de1 confo1, enfonces 51 hemos se1ecc1onado a1guna f11a de1 confo1, enfonces 51 hemos se1ecc1onado a1guna f11a de1 confo1, enfonces
v1sua11zamos e1 nombe de1 11bo {1exf} y su pec1o {va1ue} v1sua11zamos e1 nombe de1 11bo {1exf} y su pec1o {va1ue} v1sua11zamos e1 nombe de1 11bo {1exf} y su pec1o {va1ue} v1sua11zamos e1 nombe de1 11bo {1exf} y su pec1o {va1ue}
lf lf lf lf Lsf51mp1e.5e1ecfedlndex <> Lsf51mp1e.5e1ecfedlndex <> Lsf51mp1e.5e1ecfedlndex <> Lsf51mp1e.5e1ecfedlndex <> - -- -1 1 1 1 1hen 1hen 1hen 1hen
1b1ms1.1exf = 1b1ms1.1exf = 1b1ms1.1exf = 1b1ms1.1exf = 5f1ng 5f1ng 5f1ng 5f1ng.Iomaf{ .Iomaf{ .Iomaf{ .Iomaf{"L1bo: {0} "L1bo: {0} "L1bo: {0} "L1bo: {0} - -- - Pec1o: {1}" Pec1o: {1}" Pec1o: {1}" Pec1o: {1}", , , ,
Lsf51mp1e.5e1ecfedlfem.1exf, Lsf51mp1e.5e1ecfedlfem.va1ue} Lsf51mp1e.5e1ecfedlfem.1exf, Lsf51mp1e.5e1ecfedlfem.va1ue} Lsf51mp1e.5e1ecfedlfem.1exf, Lsf51mp1e.5e1ecfedlfem.va1ue} Lsf51mp1e.5e1ecfedlfem.1exf, Lsf51mp1e.5e1ecfedlfem.va1ue}
Lnd Lnd Lnd Lnd lf lf lf lf
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub

Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub LsfMu1f1p1e5e1ecfedlndexChanged{ LsfMu1f1p1e5e1ecfedlndexChanged{ LsfMu1f1p1e5e1ecfedlndexChanged{ LsfMu1f1p1e5e1ecfedlndexChanged{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} hand1es hand1es hand1es hand1es LsfMu1f1p1e.5e1ecfedlndexChanged LsfMu1f1p1e.5e1ecfedlndexChanged LsfMu1f1p1e.5e1ecfedlndexChanged LsfMu1f1p1e.5e1ecfedlndexChanged
D1m D1m D1m D1m xL1bos xL1bos xL1bos xL1bos As As As As 5f1ng 5f1ng 5f1ng 5f1ng = = = = "" "" "" ""
kecoemos cada e1emenfo denfo de 1a co1ecc1on lfems{L1emenfos} kecoemos cada e1emenfo denfo de 1a co1ecc1on lfems{L1emenfos} kecoemos cada e1emenfo denfo de 1a co1ecc1on lfems{L1emenfos} kecoemos cada e1emenfo denfo de 1a co1ecc1on lfems{L1emenfos}
de1 confo1 L1sf8ox de1 confo1 L1sf8ox de1 confo1 L1sf8ox de1 confo1 L1sf8ox
Io Io Io Io Lach Lach Lach Lach xL1em xL1em xL1em xL1em As As As As L1sflfem L1sflfem L1sflfem L1sflfem ln ln ln ln Me Me Me Me.LsfMu1f1p1e.lfems .LsfMu1f1p1e.lfems .LsfMu1f1p1e.lfems .LsfMu1f1p1e.lfems
51 e1 e1emenfo esfa se1ecc1onado {1ue} 51 e1 e1emenfo esfa se1ecc1onado {1ue} 51 e1 e1emenfo esfa se1ecc1onado {1ue} 51 e1 e1emenfo esfa se1ecc1onado {1ue} a1macenamos e1 a1macenamos e1 a1macenamos e1 a1macenamos e1
nombe{1exf} y e1 pec1o{va1ue} nombe{1exf} y e1 pec1o{va1ue} nombe{1exf} y e1 pec1o{va1ue} nombe{1exf} y e1 pec1o{va1ue} de1 de1 de1 de1 e1emenfo se1ecc1onado e1emenfo se1ecc1onado e1emenfo se1ecc1onado e1emenfo se1ecc1onado
en una va1ab1e paa mosfa en una va1ab1e paa mosfa en una va1ab1e paa mosfa en una va1ab1e paa mosfa 1o 1o 1o 1o a1 f1na1 a1 f1na1 a1 f1na1 a1 f1na1
lf lf lf lf xL1em.5e1ecfed = xL1em.5e1ecfed = xL1em.5e1ecfed = xL1em.5e1ecfed = 1ue 1ue 1ue 1ue 1hen 1hen 1hen 1hen
xL1bos &= xL1bos &= xL1bos &= xL1bos &= 5f1ng 5f1ng 5f1ng 5f1ng.Iomaf{ .Iomaf{ .Iomaf{ .Iomaf{"L1bo: {0} "L1bo: {0} "L1bo: {0} "L1bo: {0} - -- - Pec1o: {1}" Pec1o: {1}" Pec1o: {1}" Pec1o: {1}", , , ,
xL1em.1exf, xL1em.va1ue & xL1em.1exf, xL1em.va1ue & xL1em.1exf, xL1em.va1ue & xL1em.1exf, xL1em.va1ue & "<b/>" "<b/>" "<b/>" "<b/>"} }} }
Lnd Lnd Lnd Lnd lf lf lf lf
Nexf Nexf Nexf Nexf
Mosfando 1os 11bos se1ecc1onados Mosfando 1os 11bos se1ecc1onados Mosfando 1os 11bos se1ecc1onados Mosfando 1os 11bos se1ecc1onados
lf lf lf lf xL1bos = xL1bos = xL1bos = xL1bos = "" "" "" "" 1hen 1hen 1hen 1hen
1b1ms2.1exf = 1b1ms2.1exf = 1b1ms2.1exf = 1b1ms2.1exf = "No se han se1ecc1onado n1ngun L1bo" "No se han se1ecc1onado n1ngun L1bo" "No se han se1ecc1onado n1ngun L1bo" "No se han se1ecc1onado n1ngun L1bo"
L1se L1se L1se L1se
1b1ms2.1exf = xL1bos 1b1ms2.1exf = xL1bos 1b1ms2.1exf = xL1bos 1b1ms2.1exf = xL1bos
Lnd Lnd Lnd Lnd lf lf lf lf
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub

El formulario Web en ejecucin se muestra a continuacin:





CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 10 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
Los controles ListBox tiene 2 propiedades, adems de las heredadas de ListControl.

Nombre Tipo Valores Descripcin
SelectionMode ListSelectionMode Single Determina si el control puede seleccionar
Multiple un elemento o varios. Por defecto esta en
Single.

Rows Integer Numero de Filas que se mostraran. Por
defecto es 4.


RadioButtonList

Este control es muy parecido al control CheckBoxList con la nica diferencia que este control solo
puede tener un elemento seleccionado a la vez. Cuando se selecciona un elemento, se
deseleccionan los otros.

Los controles RadioButtonList y CheckBoxList comparten 2 propiedades heredadas de
ListControl.

Nombre Tipo Descripcin
SelectedIndex Integer Indica el ndice del elemento seleccionado en la
Lista. Si es igual a -1, no se ha seleccionado ninguno.

SelectedItem ListItem Devuelve el elemento actualmente seleccionado.


Adicionalmente se puede especificar a travs de las propiedades RepeatDirection y
RepeatLayout la distribucin de los RadioButton en la pagina.

Ejemplo: En un formulario Web dibujar una tabla con 6 filas por 1 columna, el diseo del mismo se
muestra en la siguiente figura:



El cdigo de nuestra pagina asociada (VB.NET) se muestra a continuacin:

Ceamos e1 vecfo de Ceamos e1 vecfo de Ceamos e1 vecfo de Ceamos e1 vecfo de 11bos 11bos 11bos 11bos
D1m D1m D1m D1m vL1bos{} vL1bos{} vL1bos{} vL1bos{} As As As As 5f1ng 5f1ng 5f1ng 5f1ng = = = =
{ {{ {"Pogamm1ng 5qL 5eve 2005" "Pogamm1ng 5qL 5eve 2005" "Pogamm1ng 5qL 5eve 2005" "Pogamm1ng 5qL 5eve 2005", , , ,
"5qL 5eve 2005 1 "5qL 5eve 2005 1 "5qL 5eve 2005 1 "5qL 5eve 2005 1- -- -5qL Pogamm1ng" 5qL Pogamm1ng" 5qL Pogamm1ng" 5qL Pogamm1ng", , , ,
"1ansacf 5qL 5eve 2000" "1ansacf 5qL 5eve 2000" "1ansacf 5qL 5eve 2000" "1ansacf 5qL 5eve 2000", , , , "v1sua1 8as1c 2005" "v1sua1 8as1c 2005" "v1sua1 8as1c 2005" "v1sua1 8as1c 2005"} }} }



RadioButtonList
ID = RdBtnLstLibros

CheckBox1
ID = chkdistribucion
CheckBox2
ID = chkdireccion
Button1
ID = btnAceptar
Label1
ID = lblmsj
CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 11 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub PageLoad{ PageLoad{ PageLoad{ PageLoad{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.Lven 5ysfem.Lven 5ysfem.Lven 5ysfem.LvenfAgs} fAgs} fAgs} fAgs} hand1es hand1es hand1es hand1es Me Me Me Me.Load .Load .Load .Load
lf lf lf lf Page.lsPosf8ack = Page.lsPosf8ack = Page.lsPosf8ack = Page.lsPosf8ack = 1ue 1ue 1ue 1ue 1hen 1hen 1hen 1hen Lx1f Lx1f Lx1f Lx1f 5ub 5ub 5ub 5ub
Lsfab1ec1endo como o1gen de dafos de1 kad1o8uffonL1sf Lsfab1ec1endo como o1gen de dafos de1 kad1o8uffonL1sf Lsfab1ec1endo como o1gen de dafos de1 kad1o8uffonL1sf Lsfab1ec1endo como o1gen de dafos de1 kad1o8uffonL1sf
a1 vecfo "vL1bos" ceado anfe1omenfe a1 vecfo "vL1bos" ceado anfe1omenfe a1 vecfo "vL1bos" ceado anfe1omenfe a1 vecfo "vL1bos" ceado anfe1omenfe
kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos.Dafa5ouce = vL1bos .Dafa5ouce = vL1bos .Dafa5ouce = vL1bos .Dafa5ouce = vL1bos
vo1v1endo a en1azase con e1 o1gen de vo1v1endo a en1azase con e1 o1gen de vo1v1endo a en1azase con e1 o1gen de vo1v1endo a en1azase con e1 o1gen de dafos {ob11gafo1o} dafos {ob11gafo1o} dafos {ob11gafo1o} dafos {ob11gafo1o}
kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos.Dafa81nd{} .Dafa81nd{} .Dafa81nd{} .Dafa81nd{}
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub

Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub bfnAcepfaC11ck{ bfnAcepfaC11ck{ bfnAcepfaC11ck{ bfnAcepfaC11ck{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} hand1es hand1es hand1es hand1es bfnAcepfa.C11ck bfnAcepfa.C11ck bfnAcepfa.C11ck bfnAcepfa.C11ck
lf lf lf lf chkd1sf1buc1on.Checked = chkd1sf1buc1on.Checked = chkd1sf1buc1on.Checked = chkd1sf1buc1on.Checked = 1ue 1ue 1ue 1ue 1hen 1hen 1hen 1hen
kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos.kepeafLayouf = kepe .kepeafLayouf = kepe .kepeafLayouf = kepe .kepeafLayouf = kepeafLayouf.1ab1e afLayouf.1ab1e afLayouf.1ab1e afLayouf.1ab1e
L1se L1se L1se L1se
kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos.kepeafLayouf = kepeafLayouf.I1oW .kepeafLayouf = kepeafLayouf.I1oW .kepeafLayouf = kepeafLayouf.I1oW .kepeafLayouf = kepeafLayouf.I1oW
Lnd Lnd Lnd Lnd lf lf lf lf

lf lf lf lf chkd1ecc1on.Checked = chkd1ecc1on.Checked = chkd1ecc1on.Checked = chkd1ecc1on.Checked = 1ue 1ue 1ue 1ue 1hen 1hen 1hen 1hen
kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos.kepeafD1ecf1on = kepeafD1ecf1on.ho1zonfa1 .kepeafD1ecf1on = kepeafD1ecf1on.ho1zonfa1 .kepeafD1ecf1on = kepeafD1ecf1on.ho1zonfa1 .kepeafD1ecf1on = kepeafD1ecf1on.ho1zonfa1
L1se L1se L1se L1se
kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos kd8fnLsfL1bos.kepeafD1ecf1on = kepeaf .kepeafD1ecf1on = kepeaf .kepeafD1ecf1on = kepeaf .kepeafD1ecf1on = kepeafD1ecf1on.vef1ca1 D1ecf1on.vef1ca1 D1ecf1on.vef1ca1 D1ecf1on.vef1ca1
Lnd Lnd Lnd Lnd lf lf lf lf
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub




CheckBoxList

El control de servidor CheckBoxList (Lista de casilla de verificacion) es bastante similar al control
CheckBox, con la diferencia que nos permite trabajar con una coleccin de elementos (CheckBox).
La idea es que la instancia del control de servidor CheckBoxList es una coleccin de elemento
relacionados.

Propiedades del control CheckBoxList

Nombre Tipo Valores Descripcin
AutoPostBack Boolean True, False Determina si se envan los datos automticamente
Al servidor cuando el usuario cambie el
Contenido del control. Si es False, no se remitirn
Los datos al servidor hasta que se enve la pagina.

DataSource Object Orgenes que aportan los datos al control.

RepeatColumns Integer Enteros Numero de columnas que se mostraran.
CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 12 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
Nombre Tipo Valores Descripcin
RepeatDirection RepeatDirection Horizontal Horizontal, especifica que los elementos se cargan de
Vertical izquierda a derecha y de arriba abajo.
Vertical especifica que los elementos se cargan de
Arriba abajo y de izquierda a derecha.
Valor predeterminado es Vertical.

RepeatLayout RepeatLayout Flow, Table Flow, especifica que los elementos se muestran sin una
Estructura de tabla.
Table especifica que los elementos se muestran en una
Estructura de tabla y es el valor por defecto.

Selected Boolean True, False Indica que se ha seleccionado un elemento, por
defecto es False.

TextAlign TextAlign Left, Right Indica si la etiqueta de texto esta a la derecha o
a la izquierda de las casillas de verificacin. Por
defecto es Right.


Aadir elementos desde un vector o matriz

Dim vLibros() As String = _
{"Programming SQL Server 2005", "SQL Server 2005 T-SQL Programming", _
"Transact SQL Server 2000", "Visual Basic 2005"}
Dim vPrecios() As Integer = {49, 45, 32, 42}

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) _
Handles Me.Load
Io Io Io Io 1 1 1 1 As As As As lnfege lnfege lnfege lnfege = 0 = 0 = 0 = 0 1o 1o 1o 1o vL1bos.Lengfh vL1bos.Lengfh vL1bos.Lengfh vL1bos.Lengfh - -- - 1 11 1
Me Me Me Me.kd8fnLsfL1bos.lf .kd8fnLsfL1bos.lf .kd8fnLsfL1bos.lf .kd8fnLsfL1bos.lfems.Add{ ems.Add{ ems.Add{ ems.Add{NeW NeW NeW NeW L1sflfem{vL1bos{1}, vPec1os{1}}} L1sflfem{vL1bos{1}, vPec1os{1}}} L1sflfem{vL1bos{1}, vPec1os{1}}} L1sflfem{vL1bos{1}, vPec1os{1}}}
Nexf Nexf Nexf Nexf
End Sub


Aadir elementos desde un origen de datos

Dim vLibros() As String = _
{"Programming SQL Server 2005", "SQL Server 2005 T-SQL Programming", _
"Transact SQL Server 2000", "Visual Basic 2005"}

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) _
Handles Me.Load
Me.RdBtnLstLibros.DataSource = vLibros
Me.RdBtnLstLibros.DataBind()
End Sub


Responder a la selecciones del usuario

Cuando un usuario marca o desmarca una de las casillas de verificacin de un CheckBoxList, se
desencadena el evento SelectedIndexChanged. Este evento pasa un argumento del tipo
EventArgs, que no muestra ninguna propiedad. Al establecer un atributo para controlar y poner
cdigo en el mtodo controlador de eventos, podemos responder al clic del usuario en una de las
casillas de verificacin.

Si AutoPostBack es true, la respuesta se produce inmediatamente; Caso contrario, la respuesta
se produce la prxima vez que se enve el formulario al servidor.
CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 13 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.
BulletedList

El control BulletedList (una novedad de la versin ASP.NET 2.0) proporciona un control de
servidor ASP.NET similar a las listas ordenadas (<ol>) y desordenadas (<ul>) HTML. La apariencia
y funcionalidad se controla con propiedades del control BulletedList. Como los otros controles
derivados de ListControl, BulletedList tiene una propiedad tems que es una coleccin de objetos
ListItems.

El estilo del punto se especifica con la propiedad BulletStyle. Los valores validos se almacena en
la enumeracin BulletStyle, con valores como Circle, Disc, Numbered, LowerAlpha, UpperAlpha,
LowerRoman y UpperRoman. Si no establecemos un valor para la propiedad BulletStyle, el valor
predeterminado ser NotSet, en cuyo caso el navegador determinara el estilo de punto que se
usara, normalmente el mismo que Disc.

Si asignamos a la propiedad BulletStyle un estilo numrico o alfabtico, como Numbered,
LowerAlpha, UpperAlpha, LowerRoman o UpperRoman, podemos establecer el valor inicial usando
la propiedad FirstBulletNumber. El valor predeterminado es 1. los estilos de puntos numricos
(Numbered, LowerRoman, UpperRoman) muestran nmeros y los tipos alfabticos muestran su
equivalente alfabtico.

La propiedad DisplayMode determina la apariencia y funcionalidad. Puede ser cualquiera de los
tres valores de la enumeracin BulletedListDisplayMode:

Text: (Predeterminado). Muestra el contenido de la lista como texto. Si se utiliza, no se
asociaran eventos al control, es decir, no habr interaccin del usuario con este control.

HyperLink: Cada ListItem se muestra como un vinculo subrayado. Cuando se hacen clic en
el, no se producen eventos en el servidor, y no se enva el formulario al servidor. En su lugar,
como el mismo control hyperlink, se enva al usuario al URL especificado en la propiedad
Value del ListItem en el que se hizo clic.

LinkButton: Cada ListItem se muestra como un vinculo subrayado, exactamente como un
hyperlink. Sin embargo, cuando el usuario hace un clic en un elemento, se desencadena el
evento BulletedList.Click y se enva inmediatamente al servidor.


Ejemplo: En este ejemplo se ha creado una tabla con 5 filas y 3 columnas, la primera, segunda y
quinta fila se han combinado, la primera para el titulo del ejemplo, la segunda para colocar ah el
control BulletedList y la quinta para colocar una etiqueta que muestre cual de los elementos del
BulletedList se ha elegido (seleccionado).

En el control BulletedList se han agregado 3 ListItems tal como se muestra a continuacin

Elemento Propiedad Valor
ListItem1 Text DemoListBox
Value DemoListBox.aspx
ListItem2 Text DemoRadioButtonList
Value DemoRadioButtonList.aspx
ListItem3 Text DemoListBox
Value DemoListBox.aspx




CONTROLES BASICOS DE ASP.NET 2.0 Pgina: 14 / 14
_________________________________________________________________________
Lenguaje de Programacin IV Profesores: Julio C. Lin R. y Carlos Garca V.





Al cuadro de Lista (ListBox) lstEstilo agregamos los siguientes ListItems:
NotSet, Numbered, LowerAlpha, UpperAlpha, LowerRoman, UpperRoman, Disc, Circle, Square y
CustomImage.

Al cuadro de Lista lstNumeros agregamos 6 ListItems con valores del 1 al 6.

Al cuadro de Lista lstModo agregamos 3 ListItems que son los siguientes:
Text, HyperLink y LinkButton

El cdigo de la pagina asociada (programa) se muestra a continuacin:

5o1o s1 e1 modo de1 confo1 8u11efedL1sf se encuenfa en L1nk8uffon, se 5o1o s1 e1 modo de1 confo1 8u11efedL1sf se encuenfa en L1nk8uffon, se 5o1o s1 e1 modo de1 confo1 8u11efedL1sf se encuenfa en L1nk8uffon, se 5o1o s1 e1 modo de1 confo1 8u11efedL1sf se encuenfa en L1nk8uffon, se
eecufaa esfe cod1go. eecufaa esfe cod1go. eecufaa esfe cod1go. eecufaa esfe cod1go.
Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub 8u11efedL1 8u11efedL1 8u11efedL1 8u11efedL1sf1C11ck{ sf1C11ck{ sf1C11ck{ sf1C11ck{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.Web.ul.WebConfo1s.8u11efedL1sfLvenfAgs} 5ysfem.Web.ul.WebConfo1s.8u11efedL1sfLvenfAgs} 5ysfem.Web.ul.WebConfo1s.8u11efedL1sfLvenfAgs} 5ysfem.Web.ul.WebConfo1s.8u11efedL1sfLvenfAgs}
hand1es hand1es hand1es hand1es 8u11efedL1sf1.C11ck 8u11efedL1sf1.C11ck 8u11efedL1sf1.C11ck 8u11efedL1sf1.C11ck
1b1ms.1exf = 1b1ms.1exf = 1b1ms.1exf = 1b1ms.1exf = "5e ha se1ecc1onado e1 e1emenfo: " "5e ha se1ecc1onado e1 e1emenfo: " "5e ha se1ecc1onado e1 e1emenfo: " "5e ha se1ecc1onado e1 e1emenfo: " & & & &
Me Me Me Me.8u11efedL1sf1.lfems{e.lndex}.1exf .8u11efedL1sf1.lfems{e.lndex}.1exf .8u11efedL1sf1.lfems{e.lndex}.1exf .8u11efedL1sf1.lfems{e.lndex}.1exf
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub

Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub 1 11 1sfLsf11o5e1ecfedlndexChanged{ sfLsf11o5e1ecfedlndexChanged{ sfLsf11o5e1ecfedlndexChanged{ sfLsf11o5e1ecfedlndexChanged{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} hand1es hand1es hand1es hand1es 1sfLsf11o.5e1ecfedlndexChanged 1sfLsf11o.5e1ecfedlndexChanged 1sfLsf11o.5e1ecfedlndexChanged 1sfLsf11o.5e1ecfedlndexChanged
51 e1 esf11o es 51 e1 esf11o es 51 e1 esf11o es 51 e1 esf11o es Cusfomlmage, esfab1ecemos 1a 1magen a mosfa en cada Cusfomlmage, esfab1ecemos 1a 1magen a mosfa en cada Cusfomlmage, esfab1ecemos 1a 1magen a mosfa en cada Cusfomlmage, esfab1ecemos 1a 1magen a mosfa en cada
e1emenfo de1 confo1 8u11efedL1df e1emenfo de1 confo1 8u11efedL1df e1emenfo de1 confo1 8u11efedL1df e1emenfo de1 confo1 8u11efedL1df
lf lf lf lf 1sfLsf11o.1exf = 1sfLsf11o.1exf = 1sfLsf11o.1exf = 1sfLsf11o.1exf = "C "C "C "Cusfomlmage" usfomlmage" usfomlmage" usfomlmage" 1hen 1hen 1hen 1hen
Me Me Me Me.8u11efedL1sf1.8u11eflmageu1 = .8u11efedL1sf1.8u11eflmageu1 = .8u11efedL1sf1.8u11eflmageu1 = .8u11efedL1sf1.8u11eflmageu1 = "~/lmagenes/I111ed5fa.png" "~/lmagenes/I111ed5fa.png" "~/lmagenes/I111ed5fa.png" "~/lmagenes/I111ed5fa.png"
Lnd Lnd Lnd Lnd lf lf lf lf
8u11efedL1sf1.8u11ef5fy1e = 1sfLsf11o.5e1ecfedlndex 8u11efedL1sf1.8u11ef5fy1e = 1sfLsf11o.5e1ecfedlndex 8u11efedL1sf1.8u11ef5fy1e = 1sfLsf11o.5e1ecfedlndex 8u11efedL1sf1.8u11ef5fy1e = 1sfLsf11o.5e1ecfedlndex
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub

Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub 1sfModo5e1ecfedlndexChanged{ 1sfModo5e1ecfedlndexChanged{ 1sfModo5e1ecfedlndexChanged{ 1sfModo5e1ecfedlndexChanged{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAg 5ysfem.LvenfAg 5ysfem.LvenfAg 5ysfem.LvenfAgs} s} s} s} hand1es hand1es hand1es hand1es 1sfModo.5e1ecfedlndexChanged 1sfModo.5e1ecfedlndexChanged 1sfModo.5e1ecfedlndexChanged 1sfModo.5e1ecfedlndexChanged
Me Me Me Me.8u11efedL1sf1.D1sp1ayMode = 1sfModo.5e1ecfedlndex .8u11efedL1sf1.D1sp1ayMode = 1sfModo.5e1ecfedlndex .8u11efedL1sf1.D1sp1ayMode = 1sfModo.5e1ecfedlndex .8u11efedL1sf1.D1sp1ayMode = 1sfModo.5e1ecfedlndex
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub

Pofecfed Pofecfed Pofecfed Pofecfed 5ub 5ub 5ub 5ub 1sfNumeos5e1ecfedlndexChanged{ 1sfNumeos5e1ecfedlndexChanged{ 1sfNumeos5e1ecfedlndexChanged{ 1sfNumeos5e1ecfedlndexChanged{8yva1 8yva1 8yva1 8yva1 sende sende sende sende As As As As Obecf Obecf Obecf Obecf, , , ,
8yva1 8yva1 8yva1 8yva1 e e e e As As As As 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} 5ysfem.LvenfAgs} hand1es hand1es hand1es hand1es 1sfNumeos.5e1ecfedlndexChanged 1sfNumeos.5e1ecfedlndexChanged 1sfNumeos.5e1ecfedlndexChanged 1sfNumeos.5e1ecfedlndexChanged
Me Me Me Me.8u11efedL1sf1.I1sf8u11efNumbe = .8u11efedL1sf1.I1sf8u11efNumbe = .8u11efedL1sf1.I1sf8u11efNumbe = .8u11efedL1sf1.I1sf8u11efNumbe =
lnfege lnfege lnfege lnfege.Pase{1sfNumeos.5e1ecfedlfem.1exf} .Pase{1sfNumeos.5e1ecfedlfem.1exf} .Pase{1sfNumeos.5e1ecfedlfem.1exf} .Pase{1sfNumeos.5e1ecfedlfem.1exf}
Lnd Lnd Lnd Lnd 5ub 5ub 5ub 5ub
BulletedList
ID = BList

ListBox1
ID = lstEstilo
AutoPostBack = True

ListBox2
ID = lstNumeros
AutoPostBack = True

ListBox3
ID = lstModo
AutoPostBack = True

Label1
ID = lblmsj