Flex中如何通过itemClick事件检测ButtonBar中哪一个按钮被按下的例子
By Minidxer | February 13, 2009
接下来的例子演示了Flex中如何通过itemClick事件,检测ButtonBar中哪一个按钮被按下。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="top"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- import mx.controls.Alert;
- import mx.controls.buttonBarClasses.ButtonBarButton;
- import mx.events.ItemClickEvent;
- import mx.utils.ObjectUtil;
- private function buttonBar_itemClick(evt:ItemClickEvent):void {
- var message:String = ObjectUtil.toString(evt.item);
- var title:String = "[" + evt.index + "] " + evt.label;
- Alert.show("item: " + message, title);
- }
- ]]>
- </mx:Script>
- <mx:Array id="arr">
- <mx:Object label="One" data="15" />
- <mx:Object label="Two" data="12" custom="seven" />
- <mx:Object label="Three" data="9" />
- <mx:Object label="Four" custom="eleven" />
- <mx:Object label="Five" name="Peter" />
- </mx:Array>
- <mx:ButtonBar id="buttonBar"
- dataProvider="{arr}"
- itemClick="buttonBar_itemClick(event);" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
ButtonBar |
No Comments » |
Tags: ButtonBar, index, item, itemClick, ItemClickEvent, Label