May 11

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

FlexAdd comments

对于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">
  6.  
  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>
  25.  
  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>
  35.  
  36.     <mx:Label text="{arrColl.getItemAt(slider.value).label}" />
  37.  
  38. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: , , , ,

Related Post

Leave a Reply