El componente combobox puede ser usado como menú desplegable o para ofrecer al usuario un grupo de opciones sobre las cuáles debe elegir una. El Combobox puede contener un gran número de valores (incorporando una barra de desplazamiento si fuera necesario), ocupando un reducido espacio en el escenario.
Cuando creamos una instancia de ComboBox, ésta no contiene valores. Podemos añadirlos de varias formas.
Podemos añadir nuevos items, uno cada vez usando el método addItem(). El método addItem() añade nuevos items a la lista con las siguientes variaciones:
1.- Podemos llamar el método añadiendo un item con un parámetro.
miComboBox.addItem("Intenta");
Este método no es muy recomendable puesto que cada item del ComboBox suele tener una etiqueta y un valor, pero la etiqueta suele ser distinta del valor asignado a ésta. Cuando pasamos un sólo parámetro, sólo definimos la etiqueta y el valor de esa etiqueta está por definir. Por lo que es mejor añadir ambos parámetros.
2.- Podemos añadir un item definiendo los dos parámetros:
miComboBox.addItem("Intenta", "http://www.webintenta.com");
El método addItem() siempre añade el item al final de la lista existente. Si queremos insertar un nuevo item en un lugar específico de la lista podemos utilizar addItemAt(). Este método requiere que le digamos la posición en la que queremos insertar el nuevo item. Los items en un ComboBox están indexados comenzando por el 0. Por ejemplo:
miComboBox.addItemAt(1, "Domestika", "http://www.domestika.org"); miComboBox.addItemAt(2, "After-hours", "http://www.after-hours.org");
Otro método es replaceItemAt(), el cual sustituye por un nuevo item, el que se encontraba en la posición que le indicamos. Por ejemplo:
//sustituye After-hours por actionscript.org miComboBox.replaceItemAt(2,"Actionscript.org", "http://www.actionscript.org")
Un ejemplo completo de uso del componente ComboBox sería:
1.- Arrastramos una instancia del componente ComboBox al escenario desde el panel de componentes.
2.- Le asignamos como nombre de instancia "miComboBox".
3.- En un fotograma insertamos el siguiente actionscript:
//Añado item
miComboBox.addItem("Intenta", "http://www.webintenta.com");
//Añado item
miComboBox.addItem("Cristalab", "http://www.cristalab.com");
//Añado item en la posicion 1 de la lista
miComboBox.addItemAt(1, "Domestika", "http://www.domestika.org");
//Añado item en la posicion 2 de la lista
miComboBox.addItemAt(2, "After-hours", "http://www.after-hours.org");
//sustituye After-hours por actionscript.org
miComboBox.replaceItemAt(2,"Actionscript.org", "http://www.actionscript.org")
//Creo un listener
listenerObject = new Object();
//que actua al evento change
listenerObject.change = function (evt){
//y cuya acción es que vaya a la web del item seleccionado
getURL(evt.target.selectedItem.data);
}
miComboBox.addEventListener("change", listenerObject)