UNIDAD 2: VISUAL WEB DEVELOPER 2005 Visual Basic iNSTRUCCIONES DE CONTROL DE PROGRAMA

TEMA 11: COMPONENTE RadioButton RadioButtonList

Se utiliza para presentar al usuario un conjunto de opciones mutuamente excluyentes entre si, es decir, si el usuario selecciona un componente radio todos los demas componentes radioButton en la forma se desmarcan o deseleccionan solos, es por esta razon que decimos que radiobutton son mutuamente excluyentes.

RADIOBUTTON:

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)
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:RADIOBUTTON TEXT=MASCULINO ID=MASCULINO GROUPNAME=GRUPO1 RUNAT=SERVER />
<ASP:RADIOBUTTON TEXT=FEMENINO ID=FEMENINO GROUPNAME=GRUPO1 RUNAT=SERVER /><BR>
<ASP:RADIOBUTTON TEXT=0-10 ID=DIEZ GROUPNAME=GRUPO2 RUNAT=SERVER />
<ASP:RADIOBUTTON TEXT=10-20 ID=VEINTE GROUPNAME=GRUPO2 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.- Observar que tenemos dos grupos de radiobotones uno con GRUPNAME=GRUPO1 y otro con GROUPNAME=GRUPO2 sin embargo cada radiobuton tiene su propio valor o ID.

2.- La razon principal para esta situacion es que los radiobotones son mutuamente excluyentes entre si Y QUE SOLO UNO PUEDE ESTAR ENCENDIDO A LA VEZ por eso los agrupamos con la propiedad GROUPNAME para que html los pueda considerar como dos o mas grupos diferentes.

3.- Tambien pueden usar la propiedad checked=true para que aparezcan seleccionados al cargar el programa .aspx

4.- Para programarlo usar la misma tecnica que se analizo con CHECKBOX es decir revisar la propiedad checked y un monton de if's ( un if por cada radiobutton).

5.- DISENADOR POR FAVOR

Corrida:

image463.jpg

Como se observa checkbox son cajitas con una palomita y radiobutton son circulitos con un puntito negro.

Pero su diferencia mas importante es que radiobtuton no permite que esten seleccionados dos o mas de ellos a la vez (dentro del mismo grupo o groupname).

RADIOBUTTONLIST:

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 puede usar prop 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:RADIOBUTTONLIST ID=SEXO RUNAT=SERVER>
<ASP:LISTITEM TEXT=MASCULINO />
<ASP:LISTITEM TEXT=FEMENINO />
</ASP:RADIOBUTTONLIST>
<ASP:BUTTON ID="BUTTON1" ONCLICK=EVENTO1 TEXT=OK RUNAT=SERVER /><BR>
<ASP:LABEL ID=Label1 RUNAT=SERVER /><BR>
</form>
</body>
</html>

Igual que checkboxlist es decir agregarle un ID al radiobutonlist y un monton de listitem's y programarlo con la propiedad selecteditem que queda apuntando al radiobuton que seleciono el usuario.

Corrida:

image464.jpg

TAREAS PROGRAMACION VISUAL WEB DEVELOPER 2005 Visual Basic

1.- CONSTRUIR UN CUESTIONARIO DE 6 PREGUNTAS SOBRE LOS HABITOS DE ESTUDIO DE UN ESTUDIANTE Y PASAR SUS RESPUESTAS Abajo(radiobuton ).

2.- EVALUAR UNA FUNCION CUALESQUIERA para los valores de Y= 3, -5, 10 (radiobuttonlist).

Politica de Privacidad