UNIDAD 2: CONTROL DE PROGRAMA

TEMA JSCRIPT 9: Controles ListBox y DropDownList

Existen muchas ocasiones en donde el usuario del programa tiene que proporcionar datos que provienen de un conjunto finito y muy pequeno de posibles respuestas esto significa que cada vez que se ejecute el programa el usuario estara proporcionando las mismas respuestas.

Ejemplo de esta clase de datos, son por ejemplos Municipio en BC las posibles respuestas solo son (Tecate, Tijuana, Mexicali, Ensenada, Rosarito), otro ejemplo es Sexo (Hombre, Mujer), etc.

Para situaciones como esta, existen componentes webcontrols que permiten programar por adelantado las posibles respuestas y el usuario solo debe seleccionar la respuesta apropiada en lugar de tener que escribirla.

Estos controles nos permiten definir en primera instancia un conjunto de datos o valores o respuestas asociados a una caja de edicion cualesquiera, asi ahora el usuario tendra la oportunidad de seleccionar un dato del conjunto de datos o respuestas ya predefinido.

Estos componentes DEBERAN CONSTRUIRSE EN dos partes una parte de encabezado para poner el nombre del grupo de respuestas( por ejemplo municipios, sexo, etc.)

La segunda parte es la lista de opciones o respuestas que se debe cargar al tiempo de ejecucion de la forma aspx como lo muestra el siguiente programa:

Prog7.aspx

<HTML>
<FORM RUNAT=SERVER>
SEXO.........:<ASP:LISTBOX ID=SEXO ROWS=2 RUNAT=SERVER>
<ASP:LISTITEM TEXT=MASCULINO RUNAT=SERVER/>
<ASP:LISTITEM TEXT=FEMENINO RUNAT=SERVER/>
</ASP:LISTBOX><BR>
MUNICIPIO:<ASP:DROPDOWNLIST ID=MUNICIPIO RUNAT=SERVER>
<ASP:LISTITEM TEXT=ENSENADA RUNAT=SERVER/>
<ASP:LISTITEM TEXT=MEXICALI RUNAT=SERVER/>
<ASP:LISTITEM TEXT=ROSARITO RUNAT=SERVER/>
<ASP:LISTITEM TEXT=TECATE RUNAT=SERVER/>
<ASP:LISTITEM TEXT=TIJUANA RUNAT=SERVER/>
</ASP:DROPDOWNLIST><BR>
SEXO.......:<ASP:LABEL ID=SEX RUNAT=SERVER/><BR>
MUNICIPIO..:<ASP:LABEL ID=MUNI RUNAT=SERVER/><BR>
<ASP:BUTTON TEXT=OK ONCLICK=SELECCIONAR RUNAT=SERVER/>
</FORM></HTML>
<SCRIPT LANGUAGE=JSCRIPT RUNAT=SERVER>
function SELECCIONAR (sender: Object, e: EventArgs)
{
// PROPIEDAD SELECTEDITEM queda cargado con el dato seleccionado y con TEXT SE ESTA
// MANDANDO Al TEXT de label
// OBSERVAR QUE SE ESTA USANDO UN CONPONENTE TEXT PARA DESPLEGAR MENSAJES
SEX.Text = SEXO.SelectedItem.Text;
MUNI.Text = MUNICIPIO.SelectedItem.Text;
}
</script>

Observar que tanto listbox como dropdownlist se carga cada uno de sus elementos con LISTITEM.

Ya en codigo se usa la propiedad SelectedItem que esta apuntando o cargada con el valor o datos seleccionado por el usuario.

La diferencia en pantalla o ejecucion entre ambos controles, se ve en la corrida que esta unos parrafos mas abajo.

Recordar que estos controles tienen muchas propiedades muy utiles y que se seguiran usando a lo largo del curso.

Solo grabarlo como programa7.aspx y subirlo a tu sitio y ejecutarlo de manera normal http://programacionfacil.com:4080/tusitio/prog7.aspx

Corrida prog7.aspx

image408.jpg

TAREAS PROGRAMACION JSCRIPT

1.- 5 problemas de los ya vistos y deberan usar en unos listboxs y en otros dropdownlist's, tambien deberan construir (2 en aspx y 3 en js)

Politica de Privacidad