Flex Mobile Spark List View

gistfile1.txt

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
		xmlns:s="library://ns.adobe.com/flex/spark"
		creationComplete="view1_creationCompleteHandler(event)" xmlns:views="views.*"
		>
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.events.FlexEvent;
			[Bindable]
			private var colors:Array;
			[Bindable]
			private var colorsCol:ArrayCollection;
			
			protected function view1_creationCompleteHandler(event:FlexEvent):void
			{
				colors = [];
				for (var i:int = 0; i < 29; i++) 
				{
					colors.push({color: "Color "+i});
				}
				
				colorsCol = new ArrayCollection(colors);
				my_list.dataProvider = colorsCol;
			}
			
			
			
		]]>
	</fx:Script>
	
	
	<s:List width="100%" height="100%" id="my_list">
		<s:itemRenderer>
			<fx:Component>
				<views:EserlerCheckBoxItemRenderer
					labelField="color"
					checkBoxField="selected"
					checkBoxIconItemRendererChanged="onCheckBoxIconItemRendererChangedHandler(event)">
					<fx:Script>
						<![CDATA[
							
							protected function onCheckBoxIconItemRendererChangedHandler(event:Event):void
							{
								data.selected = EserlerCheckBoxItemRenderer(event.target).checkBox.selected;
								
							}                           
						]]>
					</fx:Script>
				</views:EserlerCheckBoxItemRenderer>
			</fx:Component>
		</s:itemRenderer>
	</s:List>
	
</s:View>