Flex Call ItemRenderer внутри новой панели ()

Question

У меня есть функция ниже, создающая новые панели внутри моего ViewStack. Это отлично работает, и они великолепны. Однако я пытаюсь поместить некоторый контент в панели, но у меня не получается.

       private function viewstack_addChild(name:String):void {
            //if (accordion.numChildren < MAX_CHILDREN) {
                var p:Panel = new Panel();
                p.id = name;
                p.name = name;
                p.title = name;
                p.percentWidth = 100;
                p.percentHeight = 100;
                var display:PageItemRenderer = new PageItemRenderer;
                p.finishPrint(display);
                var randColor:uint = Math.random() * 0xFFFFFF;
                p.setStyle("backgroundColor", randColor);
                myViewStack.addChild(p);
                //myViewStack.selectedChild = p;
            //}
        }

У меня есть пользовательский itemrenderer с именем PageItemRenderer, который будет принимать данные XML и отображать их, но я не могу понять, как вызвать средство визуализации для каждой панели.

Любая помощь будет принята с благодарностью.

РЕДАКТИРОВАТЬ: Добавление PageItemRenderer.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox 
height="100%" 
width="100%" 
xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:HBox width="100%" height="100%">
    <mx:VBox height="100%" width="20%" horizontalAlign="center" verticalAlign="middle">
        <!-- software image -->
        <mx:Image source="{data.image}"  width="90%" height="90%"/>
    </mx:VBox>

    <!-- person's name -->
    <mx:VBox height="100%" width="80%" horizontalAlign="left" verticalAlign="middle">
        <mx:Label width="100%" height="100%" text="{data.name} {data.version}" color="#FFAE00"/>
        <mx:Label width="100%" height="100%" text="{data.description}" color="#FFFFFF"/>
    </mx:VBox> 
</mx:HBox>

</mx:HBox>

Answer 1

Panel это просто контейнерный класс, а ваш PageItemRenderer должен продлить некоторые UIComponentтак что просто сделай это в своем viewstack_addChild метод:

 var p:Panel = new Panel();
 // set the properties on p
 var pR:PageItemRenderer = new PageItemRenderer();
 var data:Object;
 // Do something to get the data to be displayed;
 pR.data = data;
 p.addChild(pR);
 myViewStack.addChild(p);

РЕДАКТИРОВАТЬ: изменено pR.setData в pR.dataРЕДАКТИРОВАТЬ: изменено pR.data(data) в pR.data = data;