Posted By

chrisaiv on 03/04/09

Tagged

Flex

Versions (?)

Last Edited at 03/04/09 12:01pm

Statistics

Viewed 768 times

Favorited by 0 user(s)

Related snippets

Flex: Using Item Renderers

/ Published in: MXML

There are 3 different ways to use Item Renderers.

Highlighted TextExpand

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="800" height="500">
	
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
		
			[Bindable]
			private var listAC:ArrayCollection = new ArrayCollection([
				{ label:'Photoshop', os:'Windows', data: 1 },
				{ label:'Flash CS4', os:'Macintosh', data: 2 },
				{ label:'Flex', os:'Ubuntu', data: 3 },
			]);						
		]]>
	</mx:Script>

<mx:List dataProvider="{listAC}" x="10" y="10" />	
	<mx:List dataProvider="{listAC}" x="110" y="10" itemRenderer="mx.controls.Label" />
	
	
	<mx:List dataProvider="{listAC}" x="210" y="10">
		<mx:itemRenderer>
			<mx:Component>
				<mx:Label text="{data.label}" />
			</mx:Component>
		</mx:itemRenderer>
	</mx:List>
	
	<mx:List dataProvider="{listAC}" x="310" y="10">
		<mx:itemRenderer>
			<mx:Component>
				<mx:HBox>
					<mx:Label text="{data.os}" />
					<mx:Label text="{data.label}" />
				</mx:HBox>
			</mx:Component>
		</mx:itemRenderer>
	</mx:List>
	
	
	<mx:List dataProvider="{listAC}" x="510" y="10" itemRenderer="com.theflexshow.CustomRenderer" />
</mx:Application>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.