ToggleButtonBar 给子button每一个加上图标icon

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:mx="library://ns.adobe.com/flex/mx"
   xmlns:ship="com.maphao.sys.ship.*"
   xmlns:order="com.maphao.sys.order.*"
    creationComplete="loaddata()"
   >
 
 <s:layout>
  <s:HorizontalLayout horizontalAlign="left" verticalAlign="top"/>
 </s:layout>
 
 
 
 <fx:Script>
  <![CDATA[
   import com.maphao.data.pm.User;
   import com.maphao.part.ascript.Resource;
   
   import mx.collections.ArrayCollection;
   import mx.controls.Alert;
   import mx.events.ItemClickEvent;
   [Bindable]
   private var _height:Number=300;
   //查询条件的集合
   [Bindable]
   private var gongneng:ArrayCollection = new ArrayCollection(
    [
     {label:"船舶管理",icons:Resource.ICON_SHIP},
     {label:"报闸缴费",icons:Resource.ICON_MONEY},
     {label:"过闸安排",icons:Resource.ICON_PLAN},
     {label:"过闸记录,icons:Resource.ICON_RECORD},
     {label:"过闸设置",icons:Resource.ICON_SETTING}
    ]
   );
   
    private function loaddata():void{
      setButtonIconStyle();
    
   }
   
   
      
    
   private function setButtonIconStyle():void{ 
    togglebtn.validateNow(); 
    for(var i:int = 0;i<togglebtn.dataProvider.length;i++){ 
     var item:Object = togglebtn.getChildAt(i); 
     //item.setStyle("upIcon",upIcons[i]); 
     item.setStyle("icon",gongneng[i].icons); 
    
    } 
   } 
  
  ]]>
 </fx:Script>
 
 <!-- Left:Tool bar -->
 <s:BorderContainer width="150" cornerRadius="4" backgroundAlpha="0.6" chromeColor="#E1E9FF"
        dropShadowVisible="true" >
  
  <s:layout>
   <s:VerticalLayout paddingTop="1" paddingBottom="16" horizontalAlign="center"/>
  </s:layout>
  
  <part:TitlePanel cornerRadius="2" height="40">
   <s:HGroup width="100%" horizontalAlign="center" verticalAlign="middle">
    <s:Label text="功能菜单" styleName="title" paddingTop="2" color="#FFFFFF" fontSize="18" fontWeight="bold"/>
   </s:HGroup>
  </part:TitlePanel>
  
  <mx:ToggleButtonBar id="togglebtn"  height="{_height}" width="118" direction="vertical" verticalGap="15" dataProvider="{gongneng}" labelField="label"  toolTipField="label"
       selectedButtonTextStyleName="selemenebtn" selectedIndex="-1" useHandCursor="true" buttonMode="true" itemClick="setMode(event)" />
  
  
 </s:BorderContainer>
 

 
  
</s:Group>

 界面上显示如下：

 

转载于:https://my.oschina.net/u/941685/blog/670363