Drop down does not show real text BUT [object Object]

[Takeshita Shoichiro]

With the following markup/function declaration, the drop down does not show

 001: Partner A
 002: Partner B
 003: Partner C

Instead, shows the following.

 [object Object]
 [object Object]
 [object Object]

Can anyone help me solve this problem?

======================================================================

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";
               xmlns:mx="library://ns.apache.org/royale/mx"
               xmlns:s="library://ns.apache.org/royale/spark">
    <fx:Script>
        <![CDATA[

            import mx.collections.ArrayCollection;

            public function getPartners():ArrayCollection{
                var source:Array = [
                                        {'id':1, value:'001: Partner A'},
                                        {'id':2, value:'002: Partner B'},
                                        {'id':3, value:'003: Partner C'}
                ]

                return new ArrayCollection(source);
            }

        ]]>
    </fx:Script>
        <s:Group>
            <s:Button x="1813" y="1034" width="80" height="26" label=
"Return" tabIndex="90"/>
            <s:Panel id="pa" x="19" y="134" width="1324" height="100" title=
"Search Condition">
                <s:Label id="partner" x="58" y="24" width="100" height="20"
color="#000000" text="Partner Name:"/>
                <s:DropDownList id="partnerNameList" x="189" y="22" width=
"199" height="24" tabIndex="75" requireSelection="true"
                                dataProvider="{getPartners()}" labelField=
"value"/>
                <s:Label x="430" y="27" text="Plan ID:"/>
                <s:TextInput id="insurancePlanSearchId" x="554" y="22" width
="119" tabIndex="15"/>
                <s:Button id="searchBtn" x="1116" y="18" width="80" height=
"26" tabIndex="20" label="Search"/>
            </s:Panel>
        </s:Group>
</s:Application>

-- 
Shoichiro Takeshita
武下 祥一郎