Flex Examples
The following example shows you how to use the Repeater component to display images loaded from an external XML file.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/10/03/displaying-images-from-an-xml-file-using-the-repeater-component/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:XML id="imagesXML" source="images.xml" />
<mx:Zoom id="zoom" />
<mx:HBox id="hBox">
<mx:Repeater id="rep"
dataProvider="{imagesXML.image}">
<mx:Image source="{rep.currentItem.@src}"
toolTip="{rep.currentIndex}:{rep.currentItem.@alt}"
completeEffect="{zoom}" />
</mx:Repeater>
</mx:HBox>
</mx:Application>
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/10/03/displaying-images-from-an-xml-file-using-the-repeater-component/ -->
<images>
<image src="images/Button.png" alt="Button" />
<image src="images/ButtonBar.png" alt="ButtonBar" />
<image src="images/CheckBox.png" alt="CheckBox" />
<image src="images/ColorPicker.png" alt="ColorPicker" />
<image src="images/ComboBox.png" alt="ComboBox" />
<image src="images/DataGrid.png" alt="DataGrid" />
<image src="images/DateChooser.png" alt="DateChooser" />
<image src="images/DateField.png" alt="DateField" />
</images>
View source is enabled in the following example.
Peter deHaan
Peter deHaan currently works for Adobe on the Flex SDK QA team. While not working on Flex, Flash, and ColdFusion applications, Peter enjoys making up bios and writing in 3rd person. Peter's rarely updated blog can be found at blogs.adobe.com/pdehaan/, actionscriptexamples.com, airexamples.com, and coldfusionexamples.com.
Share
Looks good :)
Any chance you know how to get icons from a resource manager and NOT embedded ?
Wow cool…!
It helped me a lot… Flexexamples.com ROCKS!
How can i get the name of the image on click ? I mean the name of the selected value?
Can I add a link to the image to take me to anothe web page or site and if so how?
Can you give the way to put a progressbar for each image load plz ?
I try with id on
Im having difficulties.
When I embed imagess using : “”
it works FINE.
But When I use “”
then the resulting swf embeded into a HTML page does not show…
Irrespective of pulling images from XML or even staticly as I’ve shown above.
I have a feeling it’s something to do with ‘use-network’… I’ve tried this approach to no avail (setting it to true and false.)
PLEASE SOMEONE Hlep Me!
Alternatively knowing that ” synatx works fine when using the swf on my webroot…… how can I edit the below XML repeater Image syntax
source=”{rep.currentItem.@src}” to a version which EMBEDS the image.
Hence the swf works (displays images) when I use EMBED (hence embeding images at COMPILE TIME) but when using the RUN TIME version [ source=”{rep.currentItem.@src}” ] then it wont work for me.
Please someone hit me back.
Regards
g’
How would I pass the currentIndex to a function??
click=”myFunction(rr.currentIndex)” does not work…
@Tim Wilson,
Not sure if it helps, but you could try holding the repeater index in a control’s
dataproperty, as seen in the following example:Peter
Hi,
I am having similar problem, when I have used data binding but the repeater does not repeat itself when the data source changes.
My Code::
The Chart data was static initially and then when I added the function “executeBindings(true);”, then, I saw the chage in my Charts. (when my dataSource was modifyied dynamically )
However, when I have my debuffer on the after the data has been loaded initially and when i change the datasource (selectedSectors), I can see the change in selectedSectors but the debugger never comes to the tag
In my output, my Chart data is displayed only for the modified datasource but for the rest, emplty charts are been seen.
Would appreciate any help :)
Thank you in advance
Hi,
I am having similar problem, when I have used data binding but the repeater does not repeat itself when the data source changes.
My Code::
The Chart data was static initially and then when I added the function “executeBindings(true);”, then, I saw the chage in my Charts. (when my dataSource was modifyied dynamically )
However, when I have my debuffer on the after the data has been loaded initially and when i change the datasource (selectedSectors), I can see the change in selectedSectors but the debugger never comes to the tag
In my output, my Chart data is displayed only for the modified datasource but for the rest, emplty charts are been seen.
Would appreciate any help :)
Thank you in advance
Hi,
I am having similar problem, when I have used data binding but the repeater does not repeat itself when the data source changes.
My Code::
The Chart data was static initially and then when I added the function “executeBindings(true);”, then, I saw the chage in my Charts. (when my dataSource was modifyied dynamically )
However, when I have my debuffer on the after the data has been loaded initially and when i change the datasource (selectedSectors), I can see the change in selectedSectors but the debugger never comes to the tag
In my output, my Chart data is displayed only for the modified datasource but for the rest, emplty charts are been seen.
Would appreciate any help :)
Thank you in advance
chal ja………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………