<?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" title="Sample SpinnerList" xmlns:components="components.*">
<fx:Script>
<![CDATA[
import views.SnippetView;
]]>
</fx:Script>
<s:navigationContent>
<s:Button label="Snippet" click="navigator.pushView(views.SnippetView,data)"/>
<s:Button label="Tutorial" click="navigateToURL(new URLRequest(data.tutorial))"/>
</s:navigationContent>
<s:layout>
<s:VerticalLayout paddingTop="100" paddingBottom="5" paddingLeft="5" paddingRight="5" gap="20"
horizontalAlign="center" verticalAlign="top"/>
</s:layout>
<fx:Declarations>
<s:ArrayCollection id="suppliesAC">
<fx:Object name="Ink" price="54.99"/>
<fx:Object name="Stapler" price="3.59"/>
<fx:Object name="Printer" price="129.99"/>
<fx:Object name="Notepad" price="2.49"/>
<fx:Object name="Mouse" price="21.79"/>
<fx:Object name="Keyboard" price="32.99"/>
</s:ArrayCollection>
</fx:Declarations>
<s:HGroup>
<s:VGroup>
<s:Label text="Item # Item"/>
<s:SpinnerListContainer width="220">
<s:SpinnerList id="list" width="20%">
<s:dataProvider>
<s:NumericDataProvider minimum="0" maximum="5" stepSize="1"/>
</s:dataProvider>
</s:SpinnerList>
<s:SpinnerList id="supplyList" width="80%" labelField="name" dataProvider="{suppliesAC}" selectedIndex="{list.selectedItem}"/>
</s:SpinnerListContainer>
</s:VGroup>
</s:HGroup>
<s:Label text="Selected Item Number: {list.selectedItem} - Selected Supply: {supplyList.selectedItem.name} @ {supplyList.selectedItem.price}"/>
<components:QuestionBlock bottom="40" horizontalCenter="0" questionData="{data}"/>
</s:View>