How to make requestedRowCount work?

Question

I am using this and it's not doing what I want.
<s:DropDownList id="ddlData" dataProvider="{parentApplication.acData}" labelField="name" prompt="Select" selectedIndex="-1" width="150">
<s:layout>
<s:VerticalLayout gap="0" horizontalAlign="contentJustify" requestedRowCount="11"/>
</s:layout>
</s:DropDownList>
What am I doing wrong please?

Answer 1

Just to clarify for better help, you want 11 rows of data to be displayed when using the dropdown list?
From Flex Examples
There is a slight “gotcha” when trying to set the requestedRowCount property >=6 . The default Spark DropDownListSkin sets a max height for the dropdown to 134px — which is roughly a requestedRowCount of 6 (unless the drop down menu has a horizontal scroll bar in which case the bottom item renderer is somewhat obscured by the horizontal scroll bar).
If you want to set the requested row count to higher than 5-6, you need to either create a custom DropDownList skin and remove the specified maxHeight (line 114 — as of 4.0.0.13895) or you can programmatically set the default DropDownListSkin drop down rowHeight property to NaN (Not a Number). For more information seehttp://bugs.adobe.com/jira/browse/SDK-25364.
This bug report shows a perfect example of this:
http://bugs.adobe.com/jira/browse/SDK-25364