Search Flex Components Free

Custom Search

December 25, 2007

Flex Misc Control Repeater Source Code


Flex Sample Source Code:

-------------------------------------------------------------------------------------------------------------------------------------

Repeater Demo Mxml:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0"
creationComplete="srv.send()">

<mx:Script>

import mx.collections.ArrayCollection;

[Bindable]
public var catalog:ArrayCollection;

</mx:Script>

<mx:HTTPService id="srv" url="../assets/catalog.xml" useProxy="false"
result="catalog = new ArrayCollection(srv.lastResult.catalog.product)"/>

<mx:Tile>
<mx:Repeater id="list" dataProvider="{catalog}">
<mx:VBox>
<mx:Image width="50" height="100" source="../{list.currentItem.image}"
toolTip="Our Price: ${list.currentItem.price}"
visible="false" complete="Image(event.target).visible=true;"/>
<mx:Label text="{list.currentItem.name}"/>
</mx:VBox>
</mx:Repeater>
</mx:Tile>

</mx:Application>

Catalog.xml file Sample Source code:

-----------------------------------------------------------------

<?xml version="1.0" encoding="utf-8"?>

<catalog>

<product productId="6">
<name>Casio W21CA</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>49.99</price>
<image>assets/products/Casio_W21CA.png</image>
<brand>Casio</brand>
<camera>true</camera>
<web>true</web>
<bluetooth>false</bluetooth>
</product>

<product productId="2">
<name>DoCoMo 901 IC</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>59.99</price>
<image>assets/products/DoCoMo_901_ic.png</image>
<brand>DoCoMo</brand>
<camera>false</camera>
<web>true</web>
<bluetooth>false</bluetooth>
</product>

<product productId="18">
<name>Siemens SX1</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>79.99</price>
<image>assets/products/Siemens_SX1.png</image>
<brand>Siemens</brand>
<camera>true</camera>
<web>true</web>
<bluetooth>false</bluetooth>
</product>

<product productId="10">
<name>DoCoMo F900 I</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>89.99</price>
<image>assets/products/DoCoMo_F900_i.png</image>
<brand>DoCoMo</brand>
<camera>true</camera>
<web>true</web>
<bluetooth>true</bluetooth>
</product>

<product productId="3">
<name>DoCoMo N900 I</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>99.99</price>
<image>assets/products/DoCoMo_N900_i.png</image>
<brand>DoCoMo</brand>
<camera>true</camera>
<web>false</web>
<bluetooth>false</bluetooth>
</product>

<product productId="1">
<name>DoCoMo SO506</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>129.99</price>
<image>assets/products/DoCoMo_SO506iC.png</image>
<brand>DoCoMo</brand>
<camera>true</camera>
<web>true</web>
<bluetooth>true</bluetooth>
</product>

<product productId="16">
<name>HP rz 1710</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>144.99</price>
<image>assets/products/HP_rz_1710.png</image>
<brand>HP</brand>
<camera>false</camera>
<web>true</web>
<bluetooth>false</bluetooth>
</product>

<product productId="7">
<name>KIDDI AU</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>199.99</price>
<image>assets/products/KIDDI_AU_penck.png</image>
<brand>KIDDI</brand>
<camera>false</camera>
<web>false</web>
<bluetooth>true</bluetooth>
</product>

<product productId="17">
<name>Nokia 6630</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>224.99</price>
<image>assets/products/Nokia_6630.png</image>
<brand>Nokia</brand>
<camera>true</camera>
<web>false</web>
<bluetooth>true</bluetooth>
</product>

<product productId="12">
<name>Nokia 6680</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>239.99</price>
<image>assets/products/Nokia_6680.png</image>
<brand>Nokia</brand>
<camera>false</camera>
<web>true</web>
<bluetooth>true</bluetooth>
</product>

<product productId="5">
<name>Nokia 7610</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>249.99</price>
<image>assets/products/Nokia_7610.png</image>
<brand>Nokia</brand>
<camera>true</camera>
<web>false</web>
<bluetooth>true</bluetooth>
</product>

<product productId="11">
<name>Nokia LGV</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>289.99</price>
<image>assets/products/Nokia_lg_v_keypad.png</image>
<brand>Nokia</brand>
<camera>true</camera>
<web>false</web>
<bluetooth>true</bluetooth>
</product>

<product productId="14">
<name>Nokia SMV</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>319.99</price>
<image>assets/products/Nokia_sm_v_keypad.png</image>
<brand>Nokia</brand>
<camera>false</camera>
<web>false</web>
<bluetooth>true</bluetooth>
</product>

<product productId="15">
<name>Samsung CEO</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>324.99</price>
<image>assets/products/Samsung_CEO_open.png</image>
<brand>Samsung</brand>
<camera>true</camera>
<web>false</web>
<bluetooth>false</bluetooth>
</product>

<product productId="4">
<name>Samsung Mini</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>329.99</price>
<image>assets/products/Samsung_Mini.png</image>
<brand>Samsung</brand>
<camera>false</camera>
<web>false</web>
<bluetooth>false</bluetooth>
</product>

<product productId="19">
<name>Sharp CG</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>329.99</price>
<image>assets/products/Sharp_cg_silicon.png</image>
<brand>Motorola</brand>
<camera>false</camera>
<web>false</web>
<bluetooth>true</bluetooth>
</product>

<product productId="8">
<name>Sony p900</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>359.99</price>
<image>assets/products/Sony_p900.png</image>
<brand>Sharp</brand>
<camera>true</camera>
<web>false</web>
<bluetooth>true</bluetooth>
</product>

<product productId="13">
<name>Talby</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>389.99</price>
<image>assets/products/Talby.png</image>
<brand>Talby</brand>
<camera>true</camera>
<web>true</web>
<bluetooth>false</bluetooth>
</product>

<product productId="20">
<name>CD 828</name>
<description>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eget neque sit amet nulla volutpat rutrum. Aliquam venenatis. Ut tempor. Curabitur eros ligula, pharetra at, malesuada eget, pulvinar eget, urna.</description>
<price>399.99</price>
<image>assets/products/CD_828.png</image>
<brand>CD</brand>
<camera>true</camera>
<web>false</web>
<bluetooth>true</bluetooth>
</product>

</catalog>

Related Flex Tutorials