<?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>