ToggleButtonBar demo : ToggleButtonBar « Components « Flex

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Components » ToggleButtonBarScreenshots 
ToggleButtonBar demo
ToggleButtonBar demo
       

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" initialize="initApp(event)">
    <mx:ToggleButtonBar id="toggle" dataProvider="{dataProvider}" itemClick="setMode(event)"/>

    <mx:Script>
        
            import mx.collections.ArrayCollection;
            import mx.events.FlexEvent;
            import mx.events.ItemClickEvent;

            [Bindable]
            private var dataProvider:ArrayCollection;

            private function initApp(evt:FlexEvent):void {
                var temp:Array = new Array({label:"Show Labels",mode:"labels"},
                                            {label:"Show Titles",mode:"titles"});
                dataProvider = new ArrayCollection(temp);
            }

            private function setMode(evt:ItemClickEvent):void {
                switch (evt.item.mode) {
                    case "labels":
                        mx.controls.Alert.show("A");
                        break;
                    case "titles":
                        mx.controls.Alert.show("B");
                        break;
                    default:
                        break;
                }
            }
      
    </mx:Script>

</mx:Application>

   
    
    
    
    
    
    
  
Related examples in the same category
1.ArrayCollection as ToggleButtonBarArrayCollection as ToggleButtonBar
2.ToggleButtonBar control defines an event listener, named clickHandler(), for the itemClick eventToggleButtonBar control defines an event listener, named clickHandler(), for the itemClick event
w_w___w__._j___a__va_2_s___.___c___o_m | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.