PureMVC Architects Lounge

Hi All!

i've been working with a Tree Control. now i need to add some funtionallity to each item of the tree, to do this is necesary to integrate with the rest of the application, send notifications, get the proxies, etc.

i've created  a itemRenderer and a mediator for this.

public class TreeItemFormRenderer extends TreeItemRenderer
{
...
}

it is called from the itemRenderer property :

//TreeContainer.mxml

<mx:Tree id="treeForm" left="0" top="0" width="100%" height="100%"
change="handleTreeChange(event);"
defaultLeafIcon="{SetNullLeafIcon}"
itemRenderer="com.dhManager.view.components.util.TreeItemFormRenderer">
</mx:Tree>

and i setup the Tree in the Mediator for treeConteiner.


//TreeContainerMediator.as
private function fillTreeView():void
{
treeContainer.treeForm.labelField = "@name";
treeContainer.treeForm.data = "@id";
treeContainer.treeForm.showRoot = false;
treeContainer.treeForm.dragEnabled = true;
treeContainer.treeForm.dataProvider = formProxy.getXMLListCollectionFoms();
}

I need to integrate each TreeItemRenderer to the rest of the application. my question is :
Where i can put the called to the notification which call to "Create Mediator Command" ?

this is the notification :

sendNotification( ApplicationFacade.MEDIATOR_CREATE, [ TreeItemFormRendererMediator.NAME, this  ] );
//this : TreeItemFormRenderern Object.

Any Help is good received!!

thanks!

yeremy.

Hi yeremy,

You want to send the notification from the TreeContainerMediator not from the actual tree item renderer. Use a bubbling event at the end of the renderer's constructor to notify the TreeContainerMediator that the notification should be sent.

in TreeItemFormRenderer:
public class TreeItemFormRenderer extends TreeItemRenderer
{
   import flash.events.Event;
   public static const RENDERER_CREATED:String = "rendererCreated";
   
   public function TreeItemFormRenderer ()
   {
      super();
      ...
      dispatchEvent(new Event( RENDERER_CREATED, true )); // bubbling event
   }
 ...
}

in TreeContainerMediator:
import flash.events.Event;

override public function onRegister():void
{
   treeContainer.addEventListener( TreeItemFormRenderer.RENDERER_CREATED, onRendererCreated );
}

override private function onRendererCreated ( event:Event ):void
{
    var renderer:TreeItemFormRenderer = event.target as TreeItemFormRenderer;
    sendNotification( ApplicationFacade.MEDIATOR_CREATE, [ TreeItemFormRendererMediator.NAME, renderer ] );
}

I assume you have a command listening for that MEDIATOR_CREATE that is a factory for creating and registering any type of mediator based on the name.

However If you're only doing this one registration, you could skip the external command and just register the mediator from within the  TreeContainerMediator:

override private function onRendererCreated ( event:Event ):void
{
    var renderer:TreeItemFormRenderer = event.target as TreeItemFormRenderer;
    var mediator:TreeItemFormRendererMediator = new TreeItemFormRendererMediator( renderer );
    facade.registerMediator(TreeItemFormRendererMediator);
}

-=Cliff>

hey Cliff!

Thanks for your help!...i tried to do that you recommended me. but for some reason, it doesn't work correctly.

in TreeItemFormRenderer.
    public class TreeItemFormRenderer extends TreeItemRenderer
    {
/* Constants */
public static const EVENT_ITEM_RENDERER_CREATED : String = "eventItemRendererCreated";

                          public function TreeItemFormRenderer():void
{
super();
this.addEventListener( MouseEvent.ROLL_OUT, onRollOut );
this.addEventListener( MouseEvent.ROLL_OVER, onRollOver );

this.dispatchEvent( new Event( EVENT_ITEM_RENDERER_CREATED, true ) ); // bubbling event
//this.dispatchEvent(new Event( "testEvent", true ));
}
                          ...
             {


in TreeContainerMediator
override public function onRegister():void
{
   treeContainer.addEventListener( TreeItemFormRenderer.EVENT_ITEM_RENDERER_CREATED, onRendererCreated );
}

private function onRendererCreated ( event:Event ):void
{
    var renderer : TreeItemFormRenderer = event.target as TreeItemFormRenderer;
    var mediator : TreeItemFormRendererMediator = new TreeItemFormRendererMediator( renderer );
    facade.registerMediator( mediator );
}

i did exactly that you told me. it seems like onRendererCreated  is not being called when the event is sent.

do you know what is wrong in this?

Thanks in Advance!

yeremy.

it is working now!!!

i moved the call to the dispatchEvent from the constructor method to initializationComplete method.

in TreeItemFormRenderer
public class TreeItemFormRenderer extends TreeItemRenderer
{
/* Constants */
public static const EVENT_ITEM_RENDERER_CREATED : String = "eventItemRendererCreated";
public static const EVENT_PRIORITY_CHANGE : String = "eventPriorityChange";

...

public function TreeItemFormRenderer():void
{
super();
this.addEventListener( MouseEvent.ROLL_OUT, onRollOut );
this.addEventListener( MouseEvent.ROLL_OVER, onRollOver );

}

override protected function initializationComplete():void
{
super.initializationComplete();
this.dispatchEvent( new Event( EVENT_ITEM_RENDERER_CREATED, true ) );
}

...
}

Thanks for your help Cliff!!!

yeremy.