UNIDAD 3: ARREGLOS

TEMA JSCRIPT 5: LISTBOX

ListBox uno de los nuevos WebControls, es un componente DINAMICO(es decir no tiene tamano definido) que permite procesar visualmente un conjunto de elementos de tipo string.

La propiedad Rows que se usa al crearlo, es solo para indicarle cuantos renglones desplegara en pantalla, es decir si se usa rows=5, en listbox se podra capturar todos los elementos o datos que se quiera, pero solo desplegara los ultimos cinco elementos.

Sin embargo existen ciertas propiedades del Listbox que permiten conocer cuantos elementos estan cargados en el Listbox.

Otra importante aspecto a recordar cuando se procese o programe, es que el primer indice de la lista es el indice numero 0(cero).

Este componente contiene muchas propiedades y metodos que facilitan el trabajo con datos, la mas importante es su propiedad ITEMS, que a su vez tiene:

PROPIEDAD ACCION O SIGNIFICADO

Items.Add(dato): Inserta un elemento al final del listbox.

Items.Clear(): Elimina todos los elementos de la lista.

Items.Count(): Regresa la cantidad de elementos en lista.

Items.Sorted=true; Ordena los elementos de la lista usada solo al tiempo de diseno.

Items.Contains(dato): Regresa true o false, si el dato se encuentra o no se encuentra en la lista.

Items.IndexOf(dato): Regresa el indice del objeto dentro del listbox.

Items.Insert(indice,dato): Inserta el dato en la posicion indicada.

Items.Remove(dato): Elimina el dato de el listbox.

Items.RemoveAt(indice): Elimina el dato que esta en la posicion indicada.

Items[indice].Text: get or set el dato en la posicion indicada (ver primera nota abajo).

Notas:

Como ya se indico anteriormente get or set son propiedades asociadas a todos los objetos o controles y sus propiedades de microsoft.net, por ejemplo para un textbox, si en un programa se dice alfa = text5.text; se esta usando get, si se dice text5.text = 500; se esta usando set, en otras palabras alfa=listbox2.Items[2].Text; carga(get) la variable con el elemento que esta en el tercer renglon del listbox, y listbox2.Items[4].Text=“mama”; carga(set) mama en el quinto renglon del listbox.

Este get-set se puede usar para cualquier propiedad, por ejemplo alfa=listbox8.background; se esta usando get, pero si se codifica listbox8.background=amarillo se esta usando set, como se observa es importante entender y aplicar este GET-SET en todos los programas.

Capturas: Solo se ocupara un Text, el evento click del button, y el metodo Add del ListBox.

Proceso: Se ocupara un ciclo for , y los metodos count y text de ListBox.Items[indice).

Despliegues: No se ocupa, porque todos los cambios son visibles.

Pero si se quiere pasar de un ListBox a otro ListBox, entonces ciclo for, count, etc.

ejemplo prog19.aspx

<HTML>
<FORM RUNAT=SERVER>
EDAD<ASP:TEXTBOX ID=DATO RUNAT=SERVER/>
<ASP:BUTTON TEXT=CAPTURAR ONCLICK=INSERTAR RUNAT=SERVER/><BR>
<ASP:LISTBOX ID=LISTA ROWS=5 RUNAT=SERVER></ASP:LISTBOX>
<ASP:BUTTON TEXT=PROCESAR ONCLICK=PROCESAR RUNAT=SERVER/><BR>
</FORM></HTML>
<SCRIPT LANGUAGE=JSCRIPT RUNAT=SERVER>
function INSERTAR(sender: Object, e: EventArgs):void
{
LISTA.Items.Add(DATO.Text);
DATO.Text=" ";
}
function PROCESAR (sender: Object, e: EventArgs):void
{
var reng, cant, meses;
cant = LISTA.Items.Count;
for (reng = 0; reng <= cant-1; reng++)
{
meses = Int32.Parse(LISTA.Items[reng].Text);
meses = meses * 12;
LISTA.Items[reng].Text=meses.ToString();};
}
</SCRIPT>

Recordar que el primer indice en un ListBox es el cero, por eso el ciclo va desde el cero, hasta la cantidad de elementos menos uno.

Corrida:

image417.jpg

COMO ULTIMA NOTA IMPORTANTE ES QUE EXISTEN OTROS DOS CONTROLES QUE PUEDEN COMPORTARSE Y USAR LOS MISMOS METODOS ASOCIADOS A LISTBOX, ESTOS CONTROLES SON EL COMBOBOX Y DATALIST( EN PROXIMOS CURSOS SE INCLUIRAN COMO DOS TEMA JSCRIPTS EXTRAS)

TAREAS PROGRAMACION JSCRIPT

1.- CAPTURAR EN UNA LISTA LOS SUELDOS DE 6 EMPLEADOS Y DESPLEGARLOS EN UNA SEGUNDA LISTA AUMENTADOS EN UN 30% (aspx )

2.- CAPTURAR EN UNA LISTA LOS PESOS EN KILOGRAMOS DE 6 PERSONAS DESPLEGARLOS EN UNA SEGUNDA LISTA CONVERTIDOS A LIBRAS Y ADEMAS SOLO LOS MAYORES DE 100 LIBRAS. (js)

3.- CAPTURAR EN SUS 4 LISTAS RESPECTIVAS MATRICULA, NOMBRE Y DOS CALIFICACIONES DE 5 ALUMNOS, DESPUES CALCULAR UNA LISTA DE PROMEDIOS DE CALIFICACIONES. (aspx)

4.- CAPTURAR EN SUS LISTAS RESPECTIVAS NUMEMPLEADO, NOMEMPLEADO, DIAS TRABAJADOS Y SUELDO DIARIO DE 5 EMPLEADOS, DESPLEGAR EN OTRA PANTALLA O PANEL LA NOMINA PERO SOLO DE AQUELLOS EMPLEADOS QUE GANAN MAS DE $300.00 A LA SEMANA.(js)

Politica de Privacidad