Jun 17

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

FlexAdd comments

接下来的例子演示了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">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.events.NumericStepperEvent;
  10.  
  11.             private function numericStepper_change(evt:NumericStepperEvent):void {
  12.                 callLater(comboBoxOpen);
  13.             }
  14.  
  15.             private function comboBoxOpen():void {
  16.                 comboBox.open();
  17.             }
  18.         ]]>
  19.     </mx:Script>
  20.  
  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>
  32.  
  33.     <mx:ApplicationControlBar dock="true">
  34.         <mx:NumericStepper id="numericStepper"
  35.                 minimum="0"
  36.                 maximum="10"
  37.                 change="numericStepper_change(event);" />
  38.     </mx:ApplicationControlBar>
  39.  
  40.     <mx:ComboBox id="comboBox"
  41.             dataProvider="{arr}"
  42.             rowCount="{numericStepper.value}"
  43.             openDuration="0"
  44.             closeDuration="0"
  45.             width="100" />
  46.  
  47. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: , , ,

Related Post

Leave a Reply