Conditional Statement in Repeater Control

Can someone post an example of embedding a conditional statement in a repeater? For example in the sample below if the currentItem is 3 change the button color to blue.



<?xml version="1.0"?>
<!-- Simple example to demonstrate the Repeater class. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
<mx:Script>
<![CDATA[
 
import mx.controls.Alert;
 
[Bindable]
private var dp:Array = [1, 2, 3, 4, 5, 6, 7, 8, 9]; 
 
]]>
</mx:Script>
 
<mx:Panel title="Repeater Example" width="75%" height="75%" 
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
 
<mx:Text width="100%" color="blue" 
text="Use the Repeater class to create 9 Button controls in a 3 by 3 Tile container."/>
 
<mx:Tile direction="horizontal" borderStyle="inset" 
horizontalGap="10" verticalGap="15"
paddingLeft="10" paddingTop="10" paddingBottom="10" paddingRight="10">
 
<mx:Repeater id="rp" dataProvider="{dp}">
<mx:Button height="49" width="50" id="Button1"
label="{String(rp.currentItem)}"
click="Alert.show(String(event.currentTarget.getRepeaterItem()) + ' pressed')"/>
</mx:Repeater> 
</mx:Tile>
 
</mx:Panel> 
</mx:Application>

Open in new window

_CODER_Asked:
Who is Participating?
 
Gary BenadeConnect With a Mentor Commented:

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Script>
		<![CDATA[
			import mx.core.Repeater;
			
		import mx.controls.Alert;
		 
		[Bindable] private var dp:Array = [1, 2, 3, 4, 5, 6, 7, 8, 9]; 
 
		private function getColor( o:Object):uint
		{
			if( o == '3')
				return 0X0000FF;
			return 0x00FF00;			
		}		 		 
		]]>
	</mx:Script>
 
	<mx:Panel title="Repeater Example" width="75%" height="75%" 
	paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">	 
	<mx:Text width="100%" color="blue" 
	text="Use the Repeater class to create 9 Button controls in a 3 by 3 Tile container."/>	 
	<mx:Tile direction="horizontal" borderStyle="inset" 
	horizontalGap="10" verticalGap="15"
	paddingLeft="10" paddingTop="10" paddingBottom="10" paddingRight="10">	
	<mx:Repeater id="rp" dataProvider="{dp}">
	<mx:Button height="49" width="50" id="Button1" color="{getColor(rp.currentItem)}"
	label="{String(rp.currentItem)}"
	click="Alert.show(String(event.currentTarget.getRepeaterItem()) + ' pressed')"/>
	</mx:Repeater> 
	</mx:Tile>	 
	</mx:Panel> 
</mx:Application>

Open in new window

0
 
_CODER_Author Commented:
bumping up the points... Just need an example please.
0
 
_CODER_Author Commented:
raising points again... anyone?
0
 
_CODER_Author Commented:
Thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.