<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
 layout="vertical"
 creationComplete="onCreationComplete()">
 <mx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   public var theArray:Array = new Array();
   [Bindable]
   public var maleCollection:ArrayCollection = new ArrayCollection(theArray);
   [Bindable]
   public var femaleCollection:ArrayCollection = new ArrayCollection(theArray);
   [Bindable]
   public var allCollection:ArrayCollection = new ArrayCollection(theArray);

   public function addEntry(_name:String, _type:String):void
   {
    this.allCollection.addItem({label:_name, gender:_type});
    this.femaleCollection.refresh();
    this.maleCollection.refresh();
   }

   public function filterMale(item:Object):Boolean
   {
    return item.gender == "Male";
   }

   public function filterFemale(item:Object):Boolean
   {
    return item.gender == "Female";
   }

   public function onCreationComplete():void
   {
    maleCollection.filterFunction = filterMale;
    femaleCollection.filterFunction = filterFemale;
    addEntry("Male 1", "Male");
    addEntry("Female 1", "Female");
    addEntry("Male 2", "Male");
    addEntry("Female 2", "Female");
   }
  ]]>
 </mx:Script>

 <mx:Label text="Male"/>
 <mx:List dataProvider="{maleCollection}"
  width="300"/>
 <mx:HRule width="200"/>

 <mx:Label text="Female"/>
 <mx:List dataProvider="{femaleCollection}"
  width="300"/>
 <mx:HRule width="200"/>

 <mx:Label text="All"/>
 <mx:List dataProvider="{allCollection}"
  width="300"/>
 <mx:HRule width="200"/>

 <mx:Label text="Add new entry"/>
 <mx:HBox>
  <mx:TextInput id="entryName"
   text="Name here"/>
  <mx:ComboBox id="type">
   <mx:dataProvider>
    <mx:Object label="Male"/>
    <mx:Object label="Female"/>
   </mx:dataProvider>
  </mx:ComboBox>
  <mx:Button label="Add"
   click="addEntry(entryName.text, type.selectedLabel)"/>
 </mx:HBox>
</mx:Application>