How to set ID to a button inside a ToggleButtonBar?

Question

There's a ToggleButtonBar element, populated from a ViewStack. I need to set IDs to individual buttons (this is needed for QA automation).
How do I do this?

Answer 1

Hi Ridcully,
Why do you require to set button ids for the ToggleButtonBar...?
If at all you want to get a reference to any button within the ToggleButtonBar you can get by using the getChildAt() method and you an perform the opertaions on it.
Say if your ToggleButtonBar id="selector" then you can get a reference to any button by using below kine of code...
var btn:Button = selector.getChildAt(index) as Button;
Check out the below example...In which I am getting a reference to the button clicked in ToggleButtonBar.
You can also see in the below example the name of button clicked coming in an Alert.
<?xml version="1.0"?>
<mx:Application 
xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import mx.controls.Alert; 
import mx.controls.Button; 
import mx.events.ItemClickEvent; 
// Event handler function to print a message
// describing the selected Button control.
private function clickHandler(event:ItemClickEvent):void {myTA.text=
"Selected button index: " + String(event.index) + 
"\n" + "Selected button label: " + event.label; 
var btn:Button = selector.getChildAt(event.index) as Button;Alert.show(selector.name);
]]>
</mx:Script>
<mx:Panel title="ToggleButtonBar Control Example" height="75%" width="75%"paddingTop="
10" paddingLeft="10" paddingRight="10" paddingBottom="10">
<mx:Label width="100%" color="blue"text="
Select a button in the ToggleButtonBar control."/>
<mx:TextArea id="myTA" width="100%" height="100%"/>
<mx:ToggleButtonBar id="selector" itemClick="clickHandler(event);">
<mx:dataProvider>
<mx:Array>
<mx:String>Flash</mx:String>
<mx:String>Director</mx:String>
<mx:String>Dreamweaver</mx:String>
<mx:String>ColdFusion</mx:String>
</mx:Array>
</mx:dataProvider>
</mx:ToggleButtonBar>
</mx:Panel></mx:Application>
If this post answers your question or helps, please kindly mark it as such.
Thanks,
Bhasker Chari