Question

I am learning Adobe Air and want to get the current selected item in the spinner list I have created, however every time I use selectedItem I keep getting the same value over and over, no matter what option I select. I am trying to make an application for the Playbook and this this my SpinnerList code:

<s:SpinnerListContainer x="10" y="279" width="325" height="266">
    <s:SpinnerList width="69" height="100%" enabled="true" labelField="data" selectedIndex="1" id="From">
        <s:ArrayList>
            <fx:Object data="Time"></fx:Object>
            <fx:Object data="KM"></fx:Object>
            <fx:Object data="Miles"></fx:Object>
        </s:ArrayList>
    </s:SpinnerList>
</s:SpinnerListContainer>

No matter what, ‘KM’ is always shows as the selected item when it is not. This is what I have in the script tags:

var selected = From.selectedItem;

How can I fix this?
Thank you

Answer 1

Using 4.6 SDK this works for me:

<?xml version="1.0" encoding="utf-8"?>
<s:View title="HomeView"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Script>
        <![CDATA[
            import spark.events.IndexChangeEvent;

            protected function From_changeHandler(event : IndexChangeEvent) : void
            {
                somewhereToDisplaySelected.text = From.selectedItem.data;
            }
        ]]>
    </fx:Script>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <s:SpinnerListContainer height="266"
                            width="325"
                            x="10"
                            y="279">
        <s:SpinnerList change="From_changeHandler(event)"
                       enabled="true"
                       height="100%"
                       id="From"
                       labelField="data"
                       selectedIndex="1"
                       width="69">
            <s:ArrayList>
                <fx:Object data="Time">
                </fx:Object>
                <fx:Object data="KM">
                </fx:Object>
                <fx:Object data="Miles">
                </fx:Object>
            </s:ArrayList>
        </s:SpinnerList>
    </s:SpinnerListContainer>

    <s:TextInput id="somewhereToDisplaySelected"/>
</s:View>