Search Flex Samples

Determining which button was pressed in a Flex ButtonBar component

The following example shows how you can determine which button was pressed in a ButtonBar control in Flex by listening for the itemClick event. You can then use the item, index, or label attribute in the ItemClickEvent object to find out which button was clicked.




<?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>



0 comments:

Related Flex Samples

Learn Flex: Flex Samples | Flex Video Tutorials Flex Examples