Flex中如何用getItemAt事件和数组访问操作符[]从ArrayCollection中获取数据显示的例子

对于 ArrayCollection，我们也不陌生， Flex中如何重新设置DataGrid控件的排序的例子等几个例子中都用到了ArrayCollection类。接下来的例子演示了如何用getItemAt事件和数组访问操作符[]从ArrayCollection中获取特定数据并显示。

让我们先来看一下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="middle"
5.         backgroundColor="white">
7.     <mx:ArrayCollection id="arrColl">
8.         <mx:source>
9.             <mx:Array>
10.                 <mx:Object label="Student A" score="85" />
11.                 <mx:Object label="Student B" score="48" />
12.                 <mx:Object label="Student C" score="71" />
13.                 <mx:Object label="Student D" score="88" />
14.                 <mx:Object label="Student E" score="24" />
15.                 <mx:Object label="Student F" score="64" />
16.                 <mx:Object label="Student G" score="76" />
17.                 <mx:Object label="Student H" score="76" />
18.                 <mx:Object label="Student I" score="93" />
19.                 <mx:Object label="Student J" score="88" />
20.                 <mx:Object label="Student K" score="48" />
21.                 <mx:Object label="Student L" score="76" />
22.             </mx:Array>
23.         </mx:source>
24.     </mx:ArrayCollection>
26.     <mx:ApplicationControlBar dock="true">
27.         <mx:HSlider id="slider"
28.                 minimum="0"
29.                 maximum="{arrColl.length-1}"
30.                 liveDragging="true"
31.                 snapInterval="1"
32.                 tickInterval="1"
33.                 dataTipPlacement="right" />
34.     </mx:ApplicationControlBar>
36.     <mx:Label text="{arrColl.getItemAt(slider.value).label}" />
38. </mx:Application>