UNIDAD 2: PROGRAMACION VISUAL CONTROL DE PROGRAMA

TEMA 10: CHECKBOX CHECKBOXLIST VISUAL WEB DEVELOPER 2005 Visual Basic

Estos componentes CheckBox y CheckBoxList permiten seleccionar una opcion al usuario del programa o tomar una decision directamente en pantalla.

La diferencia entre ellos aparte de como se programa el componente, es que checkboxlist permite agrupar mejor sus elementos internos tal como se muestra en las corridas:

Ejemplos de uso:

image145.jpg

Observar que dos o mas checkboxs pueden estar seleccionados a la vez.

CHECKBOX:

Codigo

<%@ Page Language="VB" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<script runat="server">
Protected Sub EVENTO1(ByVal sender As Object, ByVal e As System.EventArgs)
If MASCULINO.Checked Then SEXO.Text = "MASCULINO"
If FEMENINO.Checked Then SEXO.Text = "FEMENINO"
If DIEZ.Checked Then EDAD.Text = "DE CERO A DIEZ"
If VEINTE.Checked Then EDAD.Text = "DE DIEZ A VEINTE"
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>PROGRAMACION VISUAL BASIC ASPX</title>
</head>
<body>
<form id="form1" runat="server">
SEXO:<BR>
<ASP:CHECKBOX TEXT=MASCULINO ID=MASCULINO RUNAT=SERVER />
<ASP:CHECKBOX TEXT=FEMENINO ID=FEMENINO RUNAT=SERVER /><BR>
<ASP:CHECKBOX TEXT=0-10 ID=DIEZ RUNAT=SERVER />
<ASP:CHECKBOX TEXT=10-20 ID=VEINTE RUNAT=SERVER /><BR>
<ASP:BUTTON ID="BUTTON1" ONCLICK=EVENTO1 TEXT=OK RUNAT=SERVER /><BR>
<ASP:LABEL ID=SEXO RUNAT=SERVER /><BR>
<ASP:LABEL ID=EDAD RUNAT=SERVER /><BR>
</form>
</body>
</html>

1.- Grabarlo y subirlo a tusitio

2.- La propiedad ID debera ser diferente en cada checkbox usado tambien se puede agregar una propiedad checked=true para que aparezca ya palomeado o seleccionado el control.

3.- Cuando se activa programa.aspx, esta forma manda el par NAME=ON solo de los checkbox que fueron seleccionados.

4.- Darle una retocada con el disenador para que se vea bonito

Corrida:

image506.jpg

Para programar este componente:

Solo recordar usar la propiedad checked en codigo y un if por cada checkbox.

CHECKBOXLIST:

Este control nos permite mejorar la apariencia de la salida del checkbox, especialmente si usamos propiedades REPEATCOLUMNS y REPEATDIRECTIONS.

Programa

<%@ Page Language="VB" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<script runat="server">
Protected Sub EVENTO1(ByVal sender As Object, ByVal e As System.EventArgs)
' como es un control similar a listbox, tambien usa propiedad selecteditem
Label1.Text = SEXO.SelectedItem.Text
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>PROGRAMACION VISUAL BASIC ASPX</title>
</head>
<body>
<form id="form1" runat="server">
SEXO:<BR>
<ASP:CHECKBOXLIST ID=SEXO RUNAT=SERVER>
<ASP:LISTITEM TEXT=MASCULINO />
<ASP:LISTITEM TEXT=FEMENINO />
</ASP:CHECKBOXLIST>
<ASP:BUTTON ID="BUTTON1" ONCLICK=EVENTO1 TEXT=OK RUNAT=SERVER /><BR>
<ASP:LABEL ID=Label1 RUNAT=SERVER /><BR>
</form>
</body>
</html>

Solo agregar un ID al control y un listitem por cada elemento, para programarlo solo usar la propiedad selecteditem.

No olvidar el disenador.

Corrida:

image462.jpg

TAREAS PROGRAMACION VISUAL WEB DEVELOPER 2005 Visual Basic

1.- Evaluar la funcion image148.jpgpara x = 2,-5, 8 (usar un CheckBox por cada valor de x y programar cada if de cada CheckBox con la operacion correspondiente y el despliegue del resultado)

2.- Construir un pagina.aspx con los datos de un automovil y abajo construir un plan de financiamiento a dos anos o muestra un plan de financiamiento a tres anos. ( son dos checkbox en la pagina.aspx mas un monton de botones de texto o labels, para pasar los datos al aspx y un boton de ok)(checkbox)

3.- Construir un programa que evalue una funcion cualquiera y que use ademas el checkboxlist.

Politica de Privacidad