Flex中通过设置rowCount属性在ComboBox控件的下拉菜单中设置显示项目个数的例子

接下来的例子演示了Flex中通过设置rowCount属性，在ComboBox控件的下拉菜单中设置显示项目个数（在Demo中通过菜单栏中设置显示个数）。

让我们先来看一下Demo（可以右键View Source或 点击这里察看源代码 ）：

 

下面是完整代码(或 点击这里查看)：

Download: main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="top"
5.         backgroundColor="white">
7.     <mx:Script>
8.         <![CDATA[
9.             import mx.events.NumericStepperEvent;
11.             private function numericStepper_change(evt:NumericStepperEvent):void {
12.                 callLater(comboBoxOpen);
13.             }
15.             private function comboBoxOpen():void {
16.                 comboBox.open();
17.             }
18.         ]]>
19.     </mx:Script>
21.     <mx:Array id="arr">
22.         <mx:Object label="One" />
23.         <mx:Object label="Two" />
24.         <mx:Object label="Three" />
25.         <mx:Object label="Four" />
26.         <mx:Object label="Five" />
27.         <mx:Object label="Six" />
28.         <mx:Object label="Seven" />
29.         <mx:Object label="Eight" />
30.         <mx:Object label="Nine" />
31.     </mx:Array>
33.     <mx:ApplicationControlBar dock="true">
34.         <mx:NumericStepper id="numericStepper"
35.                 minimum="0"
36.                 maximum="10"
37.                 change="numericStepper_change(event);" />
38.     </mx:ApplicationControlBar>
40.     <mx:ComboBox id="comboBox"
41.             dataProvider="{arr}"
42.             rowCount="{numericStepper.value}"
43.             openDuration="0"
44.             closeDuration="0"
45.             width="100" />
47. </mx:Application>