Setting the selected index on the Spark ButtonBar control in Flex 4

3 Responses to Setting the selected index on the Spark ButtonBar control in Flex 4

1. Zanpher says:

   January 29, 2010 at 11:28 am

   Exactly. Using selectedIndex is broken in flex 3.3, this example does not function.

   Reply
   • Peter deHaan says:

     January 29, 2010 at 12:34 pm

     @Zanpher,

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

     Reply
     • Peter deHaan says:

       January 29, 2010 at 12:39 pm

       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