Comments on: Setting the selected index on the Spark ButtonBar control in Flex 4 http://blog.flexexamples.com/2009/02/21/setting-the-selected-index-on-the-fxbuttonbar-control-in-flex-gumbo/ Just a bunch of Adobe Flex Examples Mon, 13 Feb 2012 01:38:13 +0000 hourly 1 By: Peter deHaan http://blog.flexexamples.com/2009/02/21/setting-the-selected-index-on-the-fxbuttonbar-control-in-flex-gumbo/comment-page-1/#comment-6875 Peter deHaan Fri, 29 Jan 2010 20:39:11 +0000 http://blog.flexexamples.com/2009/02/21/setting-the-selected-index-on-the-fxbuttonbar-control-in-flex-gumbo/#comment-6875 If you wanted to do something similar in Flex 3.x, you'd need to use the MX ToggleButtonBar instead of a ButtonBar, as seen in the following example: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application name="ToggleButtonBar_selectedIndex_test" xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:ApplicationControlBar dock="true"> <mx:Form> <mx:FormItem label="selectedIndex:" direction="horizontal"> <mx:HSlider id="slider" minimum="-1" maximum="5" snapInterval="1" tickInterval="1" liveDragging="true"/> <mx:Label text="{tBtnBar.selectedIndex}" /> </mx:FormItem> </mx:Form> </mx:ApplicationControlBar> <mx:ToggleButtonBar id="tBtnBar" selectedIndex="{slider.value}" horizontalCenter="0" verticalCenter="0"> <mx:dataProvider> <mx:ArrayCollection source="[One,Two,Three,Four,Five,Six]" /> </mx:dataProvider> </mx:ToggleButtonBar> </mx:Application> </pre> Peter If you wanted to do something similar in Flex 3.x, you’d need to use the MX ToggleButtonBar instead of a ButtonBar, as seen in the following example:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application name="ToggleButtonBar_selectedIndex_test"
        xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:ApplicationControlBar dock="true">
        <mx:Form>
            <mx:FormItem label="selectedIndex:"
                         direction="horizontal">
                <mx:HSlider id="slider"
                           minimum="-1"
                           maximum="5"
                           snapInterval="1"
                           tickInterval="1"
                           liveDragging="true"/>
                <mx:Label text="{tBtnBar.selectedIndex}" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>
 
    <mx:ToggleButtonBar id="tBtnBar"
                 selectedIndex="{slider.value}"
                 horizontalCenter="0" verticalCenter="0">
        <mx:dataProvider>
            <mx:ArrayCollection source="[One,Two,Three,Four,Five,Six]" />
        </mx:dataProvider>
    </mx:ToggleButtonBar>
 
</mx:Application>

Peter

]]> By: Peter deHaan http://blog.flexexamples.com/2009/02/21/setting-the-selected-index-on-the-fxbuttonbar-control-in-flex-gumbo/comment-page-1/#comment-6874 Peter deHaan Fri, 29 Jan 2010 20:34:16 +0000 http://blog.flexexamples.com/2009/02/21/setting-the-selected-index-on-the-fxbuttonbar-control-in-flex-gumbo/#comment-6874 @Zanpher, This is a Flex 4 example, it will not run in Flex 3.x. @Zanpher,

This is a Flex 4 example, it will not run in Flex 3.x.

]]> By: Zanpher http://blog.flexexamples.com/2009/02/21/setting-the-selected-index-on-the-fxbuttonbar-control-in-flex-gumbo/comment-page-1/#comment-6873 Zanpher Fri, 29 Jan 2010 19:28:06 +0000 http://blog.flexexamples.com/2009/02/21/setting-the-selected-index-on-the-fxbuttonbar-control-in-flex-gumbo/#comment-6873 Exactly. Using selectedIndex is broken in flex 3.3, this example does not function. Exactly. Using selectedIndex is broken in flex 3.3, this example does not function.

]]>