Mediating ItemRenderers http://devblog.vworkapp.com/post/822228597/mediating-itemrenderers-again

JobCard.mxml

<?xml version="1.0"?>
<s:ItemRenderer
	xmlns:fx="http://ns.adobe.com/mxml/2009"
	xmlns:s="library://ns.adobe.com/flex/spark"
	xmlns:vo="com.visfleet.radiator.vo.*"
>
	<fx:Declarations>
		<vo:JobVO id="jobVO" />
	</fx:Declarations>

	<s:HGroup>
		<s:Label text="{jobVO.name}" color="0xffffff"/>
	</s:HGroup>
</s:ItemRenderer>

JobCardMediator.as

package com.visfleet.radiator.view.perspectiveOverview.card {
	import com.visfleet.core.isNull;
	import com.visfleet.radiator.model.JobListModel;
	import com.visfleet.radiator.vo.JobVO;

	import mx.events.FlexEvent;

	import org.robotlegs.mvcs.Mediator;

	public class JobCardMediator extends Mediator {

		[Inject]
		public var view:JobCard;

		[Inject]
		public var model:JobListModel;

		override public function onRegister():void {
			addViewListener(FlexEvent.DATA_CHANGE,handleDataChange,FlexEvent);
			updateFromModel();
		}

		private function handleDataChange(event:FlexEvent):void {
			updateFromModel();
		}

		// Not as crazy as it looks, read the article.
		private function updateFromModel():void {
			if (isNull(view) || isNull(view.data))
				return;

			var viewJobVO:JobVO = JobVO(view.data);

			view.jobVO = model.getJobByName(viewJobVO.name);
		}

	}
}

UnmediatedJobCard.mxml

<?xml version="1.0"?>
<s:ItemRenderer
	xmlns:fx="http://ns.adobe.com/mxml/2009"
	xmlns:s="library://ns.adobe.com/flex/spark"
>
	<s:HGroup>
		<s:Label text="{data.name}" color="0xffffff" />
	</s:HGroup>
</s:ItemRenderer>