UNIDAD 2: PROGRAMACION VISUAL CONTROL DE PROGRAMA

TEMA 10: CHECKBOX CHECKBOXLIST VISUAL WEB DEVELOPER 2005 C#

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="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<script runat="server">
protected void EVENTO1(object sender, EventArgs e)
{
if (MASCULINO.Checked) SEXO.Text = "MASCULINO";
if (FEMENINO.Checked) SEXO.Text = "FEMENINO";
if (DIEZ.Checked) EDAD.Text = "DE CERO A DIEZ";
if (VEINTE.Checked) EDAD.Text = "DE DIEZ A VEINTE";
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>checkbox checkbolist</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:

image461.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="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<script runat="server">
protected void EVENTO1(object sender, EventArgs e)
{
// como es un control similar a listbox, tambien usa propiedad selecteditem
Label1.Text = SEXO.SelectedItem.Text;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>CHECKBOXLIST</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 C#

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