Flex Chamada ItemRenderer dentro de um novo painel ()
-
18-09-2019 - |
Pergunta
Eu tenho o abaixo função de criar novos painéis dentro da minha ViewStack .. Isso funciona bem e eles são grandes .. No entanto eu estou tentando colocar algum conteúdo nos painéis, mas estou falhando.
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;
//}
}
Eu tenho um costume itemRenderer chamado PageItemRenderer que irá aceitar os dados XML e exibi-lo, mas eu não consigo descobrir como chamar o processador para cada painel ..
Qualquer ajuda seria muito apreciada.
EDIT: Adicionando 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>
Solução
O Panel
é apenas uma classe de contêiner, e seu PageItemRenderer
deve estender alguns UIComponent
, então apenas fazer isso em seu método 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);
EDIT: mudou pR.setData
para pR.data
EDIT: mudou pR.data(data)
para pR.data = data
;
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow