<?xml version="1.0" encoding="utf-8"?>
<s:Application 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:component="component.*"
     >
 <fx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   [Bindable]
   public var acList:ArrayCollection = new ArrayCollection([
    {label:"JAVA",selected:false},
    {label:".NET",selected:false},
    {label:"C++",selected:false},
    {label:"FLEX",selected:false}]);
   public function getSelectionLabel():void{
      lbSelections.text = "";
      ddlMultiSelection.labelDisplay.text = "MultiSelected";
      for (var i:int = 0; i < acList.length; i++)
     {
         if(acList[i].selected){
            lbSelections.text += " " + acList[i].label;
          }
      }
   }
  ]]>
 </fx:Script>
 <s:HGroup width="100%" height="100" left="20" top="20" verticalAlign="middle">
      <s:DropDownList id="ddlMultiSelection"
              itemRenderer="renderers.MultiSelectItemRenderer"
              dataProvider="{acList}" close="getSelectionLabel()" />
       <s:Label id="lbSelections" text="Selected Items...."/>
 </s:HGroup>
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    autoDrawBackground="true" width="100%">
 <fx:Script>
  <![CDATA[
   import mx.core.IFlexDisplayObject;
   private function evnetMouseEventControll(event:MouseEvent):void{
       event.stopImmediatePropagation();
   }
   private function eventChangeSelection():void{
       data.selected = checkbox.selected;
   }
  ]]>
 </fx:Script>
 <s:CheckBox id="checkbox"
    width="100%"
    selected="{data.selected}"
    label="{data.label}"
    mouseUp="evnetMouseEventControll(event)"
    mouseDown="evnetMouseEventControll(event)"
    change="eventChangeSelection()"/>
 
</s:ItemRenderer>

<s:DataGrid id="dg_userlist" width="100%" height="100%"
      styleName="predictBorder"
      doubleClickEnabled="false" gridDoubleClick="eventEditUser()" >
    <s:columns>
     <s:ArrayList>
      <s:GridColumn dataField="check" width="30" itemRenderer="renderers.checkBoxItemRender"
           headerRenderer="renderers.checkBoxHeaderRender" sortable="false"/>
      <s:GridColumn headerText="ユーザーID" dataField="no"/>
      <s:GridColumn headerText="ユーザー名" dataField="emp_name"/>
      <s:GridColumn headerText="職種" dataField="emp_staff"/>
      <s:GridColumn headerText="雇用タイプ" dataField="emp_type"/>
      <s:GridColumn headerText="性別" dataField="emp_sex"/>
     </s:ArrayList>
    </s:columns>
   </s:DataGrid>

<?xml version="1.0" encoding="utf-8"?>
<s:DefaultGridHeaderRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx" height="30">
 <fx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   import mx.core.FlexGlobals;
   import spark.components.DataGrid;

   public function eventClick(value:Boolean):void{
        var obj:DataGrid = automationOwner as DataGrid;
        var arr:ArrayCollection = obj.dataProvider as ArrayCollection;
        for(var i:int=0 ;i<arr.length; i++){
           arr[i].check = value;
        }
        obj.dataProvider = null;
        obj.dataProvider = arr;
   }
   
  ]]>
 </fx:Script>
   <s:CheckBox id="cb_header" click="eventClick(cb_header.selected)" left="7" top="5"/>
</s:DefaultGridHeaderRenderer>

<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
     xmlns:s="library://ns.adobe.com/flex/spark"
     xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true">
 
 <fx:Script>
  <![CDATA[
   import mx.controls.listClasses.ListData;
   private var isChanged:Boolean = false;

 override public function prepare(hasBeenRecycled:Boolean):void {
    if(data){
     lblData.selected = data[column.dataField];
    }else{
     lblData.selected = false;
    }
   }
   public function eventClick():void{
    data[column.dataField] = lblData.selected;
   }
  ]]>
 </fx:Script>
 <s:CheckBox id="lblData" top="9" left="7" click="eventClick()" />
</s:GridItemRenderer>