Home » AS3 »Class »Flex » Currently Reading:

Asignar una clase ActionScript 3 a un itemRenderer en Flex

marzo 3, 2009 AS3, Class, Flex 2 Comments
Asignar una clase ActionScript 3 a un itemRenderer en Flex

En este =http://www.cristalab.com/tipsTip[/url] 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:

  1. <mx:TileList id="myTileList">  
  2.     <mx:itemRenderer>
  3.         <mx:Component>                 
  4.             <mx:myItemRenderer/>
  5.         </mx:Component>
  6.     </mx:itemRenderer>
  7. </mx:TileList>

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:

  1. <mx:Script>
  2.     <!&#91;CDATA[
  3.         import com.proyecto.MyItemRendererClass;
  4.         private var _this:MyItemRendererClass = new MyItemRendererClass(this);
  5.     &#93;]>
  6. </mx:Script>

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:

  1. <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"creationComplete="_this.data = data">

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

  1. package com.proyecto
  2. {
  3.     public class MyItemRendererClass
  4.     {
  5.         private var _main:Object;
  6.         private var _data:Object;
  7.         //------------------------------------------------------------------------
  8.         public function MyItemRendererClass(m:Object)
  9.         {
  10.             _main = m;
  11.         }  
  12.         public function set data(d:Object):void
  13.         {
  14.             _data = d;
  15.             init();
  16.         }
  17.         //------------------------------------------------------------------------
  18.         public function init():void
  19.         {
  20.             /* etc.. */
  21.         }
  22.         //------------------------------------------------------------------------
  23.     }
  24. }

Compártelo:

Asignar una clase ActionScript 3 a un itemRenderer en Flex
Visto 8.030 veces

Currently there are "2 comments" on this Article:

  1. isantos dice:

    muy bueno tambien para acceder a las propiedades del itemRenderer…

    gracias
    Te invito a que visites y comentes mi blog
    http://www.ddsmedia.net/blog

  2. Carlos Dk dice:

    No es lo que iba buscando, pero a marcadores.

    Muy util 😀

    Sigo buscando sobre el advanceddatagrid 😀

    Un saludo!

Comment on this Article:








Twitter: zguillez

AdvertisementAdvertisementAdvertisementAdvertisement

Recibe las novedades por email

Post destacado

Panel de zoom de imágenes en Flex

13 abr 2009

Este ejemplo es, igual que hice en el post anterior, un ejemplo que he adaptado a Flex desde un ejemplo que hice hace tiempo para Flash. Se trata de un panel donde se ve un zoom de una parte de una imagen. Este es el ejemplo montado en Flex: Y este es el código utilizado para la película principal: <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"                 xmlns:ui="*"                 layout="absolute"                 creationComplete="ini()"                 width="505" …



Map

Ranking

Codigoactionscript.org: 4.65 sobre 5 (106 valoraciones)

twitter-widget.com