custom itemRenderer

[romantique]

Всем привет. Пытаюсь юзать кастомный рендерер для дата грида. Но пока получается нечто для меня странное и непонятное. Вот что я дела:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:bench="components.benchmark.*">
	<mx:Script>
		<![CDATA[
			private function sampleXML():XML
			{
				var xml:XML = 
					<bench name="top 10">
						<company name="Sibers" tend="up"/>
						<company name="Adobe" tend="up"/>
					</bench>
			}
		]]>
	</mx:Script>
	<bench:BenchmarkRanking sourceFile="{sampleXML()}"/>
</mx:Application>

Вот компонента BenchmarkRanking

<mx:Panel>
	<mx:DataGrid id="dataGrid" dataProvider="{tends}">
		<mx:columns>
			<mx:DataGridColumn dataField="company"/>
			<mx:DataGridColumn itemRenderer="BenchRenderer"/>
		</mx:columns>
	</mx:DataGrid>
	<mx:Script>
		<![CDATA[
			private var tends:Array = null;
			
			public function set sourceFile(obj:XML):void
			{
				// забиваю массив tends начинкой из XML
			}
		]]>
	</mx:Script>
</mx:Panel>

И сам кастомный рендерер:

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="addSymbol(event)">
	<mx:Script>
		<![CDATA[
			[Embed('/swf/tend.swf', symbol='UpArrow_design')]
			private static var UpArrow:Class;

			[Embed('swf/tend.swf',symbol='DownArrow_design')]
			private static var DownArrow:Class;

			private function addSymbol(event:FlexEvent):void
			{
				var sprite:Sprite = null;
				if( data.tend=="up" )
					sprite = new UpArrow() as Sprite;
				else if( data.tend=="down" )
					sprite = new DownArrow() as Sprite;
				wrapper.addChild(sprite);
			}
		]]>
	</mx:Script>
	<mx:UIComponent id="wrapper"/>
</mx:Canvas>

Всё бы ничего, но вот когда я сортирую датагрид тыцканьем по дататипсам с моим рендерингом происходит нечто странное. Вапще как бы там должны быть стреоски, две, зелёная и красная... Но порой они обе красные, или обе зелёные...

Вот аутпут
http://ccfit.nsu.ru/~stulov/BenchmarkingRanking.swf

Потыкайте сортировку и понаблюдайте за стрелосками. Они скачу совсем не соответственно остальным айтемам в столбце...

Может я чё делаю неверно? Или не понял механизма кастомного рендеринга... Может кто нибудь подсказать выход?

Выложенный код немного упрощён но смысл тот же

[romantique]

Уже разобрался. Сделал вот так:

	public class BenchmarkTendRenderer extends VBox
	{
		public function BenchmarkTendRenderer()
		{
			super();
		}
		
		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
		{
			// вот тут своя рисовалка
			super.updateDisplayList(unscaledWidth,unscaledHeight);
		} 
	}