Flex中如何通过监听itemClick事件检测LinkBar中哪一个按钮被按下的例子

By Minidxer | February 26, 2009

接下来的例子演示了Flex中如何通过监听itemClick事件,检测LinkBar中哪一个按钮被按下。

让我们先来看一下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:Script>
  8.         <![CDATA[
  9.             import mx.controls.Alert;
  10.             import mx.events.ItemClickEvent;
  11.             import mx.utils.ObjectUtil;
  12.  
  13.             private function linkBar_itemClick(evt:ItemClickEvent):void {
  14.                 Alert.show("index: " + evt.index + "n" +
  15.                             "label: " + evt.label + "n" +
  16.                             "item: " + "n" +
  17.                             ObjectUtil.toString(evt.item),
  18.                             evt.type);
  19.             }
  20.         ]]>
  21.     </mx:Script>
  22.  
  23.     <mx:Array id="arr">
  24.         <mx:Object label="One" data="1" custom="cougar" />
  25.         <mx:Object label="Two" data="2" custom="rhino" />
  26.         <mx:Object label="Three" data="3" custom="elephant" />
  27.         <mx:Object label="Four" data="4" custom="penguin" />
  28.     </mx:Array>
  29.  
  30.     <mx:LinkBar id="linkBar"
  31.             dataProvider="{arr}"
  32.             itemClick="linkBar_itemClick(event);" />
  33.  
  34. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: LinkBar | No Comments » | 1,032 views Tags: ,

Search Posts