subscripción
MadeInFlex
ArrayCollection, ejemplo simple.
Octubre 31st, 2006 - [Enlace local]
El proovedor de datos por excelencia recomendado por Adobe en Flex 2 son los ArrayCollections. A continuación podeis ver un sencillo ejemplo que muestra como Flex no deja de ser en si mismo un sofisticado MVC donde podemos modificar la fuente de datos y gracias a la mágia del DataBinding ver la repercusión de estas acciones en la vista (que en este caso es un simple control de lista).
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
creationComplete="initAC()">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.controls.List;
[Bindable]
private var ac:ArrayCollection;
private var cont:Number;
private function initAC():void {
var arr:Array = ["Elemento 1", "Elemento 2", "Elemento 3"];
ac = new ArrayCollection(arr);
cont = ac.length;
}
private function insertItem(event:Event):void {
ac.addItem("Elemento " + (++cont));
}
private function deleteItem(event:Event):void {
if(list.selectedIndex != -1)
ac.removeItemAt(list.selectedIndex);
else
Alert.show("Selecciona un elemento de la lista");
}
private function updateItem(event:Event):void {
if(list.selectedIndex != -1)
ac.setItemAt("Modificado", list.selectedIndex);
else
Alert.show("Selecciona un elemento de la lista");
}
]]>
</mx:Script>
<mx:List dataProvider="{ac}" id="list"/>
<mx:Button label="Insertar" click="insertItem(event)"/>
<mx:Button label="Borrar" click="deleteItem(event)"/>
<mx:Button label="Modificar" click="updateItem(event)"/>
</mx:Application>
(Flash Player 9 Requerido)
» Leer más, comentarios, etc...