CODIGO.actionscript » DataProvider

Acceder a los itemRenderer de un componente lista en Flex

admin — Sun, 22 Mar 2009 03:45:30 +0000

Este es un tip sencillo pero que me dió algún que otro dolor de cabeza al querer aplicar unos efectos sobre los componentes utilizados como itemRenderes dentro de un componente tipo lista en Flex. Se trata de cómo poder acceder a estos componentes para manipular su contenido a través de Actionscript.

Para acceder al componente del itemRenderer en concreto utilizaremos indexToItemRenderer, pasándole como parámetro el index del ítem que queremos obtener.

El detalle importante que debemos tener en cuenta es que no podemos referenciar un objeto que no sea visible dentro de la zona del scroll, ya que hasta entonces devolvería valor null. Para ello deveremos realizar la comprobación con isItemVisible, y ejecutar las acciones solo sobre los componentes visibles.

var total:uint = tileList.dataProvider.length;
for (var i:uint = 0; i )
{
if (tileList.isItemVisible(tileList.dataProvider[i]) == true)
{
var item:Object = tileList.indexToItemRenderer(i);
// resto de implementación sobre los componentes
}
}

Comparte:

Asignar una clase ActionScript 3 a un itemRenderer en Flex

admin — Wed, 04 Mar 2009 00:05:15 +0000

En este Tip voy a explicar un sistema para poder controlar la funcionalidad de un componente usado como itemRenderer en cualquier componente de tipo lista desde una clase de ActionScript 3.

Supongamos que en nuestra aplicación Flex tenemos un compomente TileList al que le hemos asignado otro componente como itemRenderer:

"myTileList">

Este itemRenderer será otro archivo MXML al que queremos asignarle una clase AS3 para poder manejarlo, para ello le añadiremos un tag y definiremos la clase:

[CDATA[
import com.proyecto.MyItemRendererClass;
private var _this:MyItemRendererClass = new MyItemRendererClass(this);
]]>

El único detalle a tener en cuenta es que la clase reciba correctamente el contenido del objeto "data" del dataProvider. Eso se lo tenemos que pasar una vez el itemRenderer esté creado, de manera que en el evento creationComplete del componente haremos un setter a la clase:

"http://www.adobe.com/2006/mxml"creationComplete="_this.data = data">

Con lo que la clase para controlar el itemRenderer comenzaría siendo así:

package com.proyecto
{
public class MyItemRendererClass
{
private var _main:Object;
private var _data:Object;
//------------------------------------------------------------------------
public function MyItemRendererClass(m:Object)
{
_main = m;
}
public function set data(d:Object):void
{
_data = d;
init();
}
//------------------------------------------------------------------------
public function init():void
{
/* etc.. */
}
//------------------------------------------------------------------------
}
}

Comparte:

Cargar XML en un componente List en Actionscript 3

admin — Thu, 23 Oct 2008 15:01:20 +0000

Este es un ejemplo de clase que extiende el componente List de Flash y le añade la posibilidad de cargar el contenido desde un archivo XML externo.

Este ejemplo de clase surguió a partir de optimizar un clase que me mostró penHolder en Cristalab. Aqui pueden ver su codigo y el post original.

Cargar XML en un componente List en Actionscript 3

Basicamente mi aporte fue hacer que la clase extendiese de List para no tener que crear una instancia del componente y pasarla como parametro a otra clase, ya que nuestra intención es crear un mismo componete List pero que contenga unos metodos ampliados, en este caso que contewnga un metodo para cargar los datos desde un archivo XML.

package
{
import fl.controls.List;
import fl.data.DataProvider;
import flash.net.URLRequest;
import flash.net.URLLoader;
import flash.events.Event;
//------------------------------------
public class FillList extends List
{
   private var _xml:XML;
   //------------------------------------
   public function FillList():void { }
   //------------------------------------
   public function setData(url:String):void
   {
      var request:URLRequest = new URLRequest(url);
      var loader:URLLoader = new URLLoader();
      loader.load(request);
      loader.addEventListener(Event.COMPLETE, xmlLoaded);
   }
   private function xmlLoaded(e:Event):void
   {
      _xml = new XML(e.target.data);
      dataProvider = new DataProvider(_xml);
   }
   //------------------------------------
}
}

Para crear la instacia colocariamos este codigo enb la clase Main:

package
{
import flash.display.MovieClip;
import fl.controls.List;
import FillList;
//------------------------------------
public class Main extends MovieClip
{
   private var bofhList:FillList;
//------------------------------------
   public function Main()
   {
      bofhList = new FillList();
      bofhList.setData("datos.xml");
      bofhList.setSize(150,200);
      bofhList.move(10,10);
      addChild(bofhList);
   }
//------------------------------------
}
}

Comparte: