what does ur xml look like

----- Original Message ----
From: Ben Dover <[EMAIL PROTECTED]>
To: [email protected]
Sent: Saturday, February 9, 2008 12:50:56 AM
Subject: [flexcoders] Getting values from a tileList to appear on a popup

Hello, I'm very new to flex, and I'm trying to develop an application
that acts lik an online store. In my program I am laying out my items
using tileList, and what I want it to do is that when I click each
object in the tileList, I want a pop up window to show up with
information about the product. 

I'm having trouble understanding how to bind the selectedItem and
passing values from that to the popup window, pointing me in the right
direction or some form of an example would be extremely helpful. 

Thanks in advance!!

-Hoi

--

Code for my main application "Test.mxml":

<mx:Application 
xmlns:mx="http://www.adobe. com/2006/ mxml" 
horizontalAlign= "center" verticalAlign= "middle"
width="960" height="540"
layout="absolute"
backgroundColor= "white"
>

<mx:Model id="products" source="products. xml"/>

<mx:Script>
<![CDATA[

import mx.managers. PopUpManager;
import mx.core.IFlexDispla yObject;

public var popUpWindow: IFlexDisplayObje ct;

public function showPopUp(): void 
{
popUpWindow = PopUpManager. createPopUp( this, ViewWindow, true);
}

]]>
</mx:Script>

<mx:Panel 
id="mainPanel1"
width="700" height="100% " 
layout="horizontal"
headerHeight= "0" borderStyle= "solid"
shadowDistance= "0" borderThickness= "1" cornerRadius= "0" alpha="1"
borderColor= "#000000" > 


<mx:TileList 
id="List"

width="100%" height="100% " 
rowHeight="200" columnWidth= "85"
verticalAlign= "middle" horizontalCenter= "5"
rollOverColor= "#000000" selectionColor= "#FFFFFF"

dataProvider= "{products. bottle}"
itemRenderer= "TileListItemRen derer"
itemClick="showPopU p();" 
/>

</mx:Panel>

</mx:Application> 

Code for my pop up window "ViewWindow. mxml":

<?xml version="1.0" ?>
<mx:TitleWindow 
xmlns:mx="http://www.adobe. com/2006/ mxml" 
creationComplete= "popUpCenter( );" showCloseButton= "true" 
close="PopUpManager .removePopUp( this)" 
width="800" height="450" 
title="{data. selectedItem. brand}">
<mx:Script>
<![CDATA[
import mx.managers. PopUpManager;

private function popUpCenter( ):void
{
PopUpManager. centerPopUp( this);
}
]]>
</mx:Script>

<mx:VBox width="100%" verticalCenter= "0">
<mx:Image source="{data. selectedItem. thumb}"/>
</mx:VBox>


</mx:TitleWindow>





      
____________________________________________________________________________________
Be a better friend, newshound, and 
know-it-all with Yahoo! Mobile.  Try it now.  
http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ 

Reply via email to