Remove XY graphics from map using flex list components.

KomanDiabate

Hello All,
I am working on a project where I am using a list component to add XY locations to the map. The list I am using has allowMultipleSelection="true" and also has a click event to add the selectedItem XY value to map.

var myGraphicPoint:Graphic = new Graphic(new MapPoint(o.X, o.Y, new SpatialReference(3857)));

The problem I am trying to solve is the following when the user click on a selected item, the selectedItem is deselected but I am not able to remove the corresponding graphic from the map. I have tried several different things with no satisfactory results: for example, I have loop through the graphicsLayer and try to remove the graphics but it's not working. Does anybody knows how to do this or point me in the right direction.
Any helps will be appreciate.

Thanks

KomanDiabate

FYI: I found another way to do this...

I think I was over thinking this one. So what I am doing here is to capture all the selected items in the list component into an arrayCollection and I then clear all the graphisc and re-add them. They are probably a better way to do this but, this is going to do it for me.

protected function nameList_changeHandler(event:IndexChangeEvent):void
{ 
 var selIndices:Vector.<int> = event.currentTarget.selectedIndices;
 var selItems:Vector.<Object> = event.currentTarget.selectedItems;
 var numItems:Number = selIndices.length;
 var myGraphicPoint:Graphic;
    
 //Clear GraphicsLayer
 addressGL_Select.clear();
 for (var ix:Number = 0; ix<numItems; ix++)
 {
  var cl:ArrayCollection=new ArrayCollection;
  cl.addItem(selItems[ix]);
     
  //CL and Add to Map
  for(var i:int = 0; i < cl.length; i++)
  {
   var o:Object = cl.getItemAt(i);
   myGraphicPoint = new Graphic(new MapPoint(o.X, o.Y, new SpatialReference(3857)));
   myGraphicPoint.symbol = BluDiamont;
   addressGL_Select.add(myGraphicPoint);
  }        
 } 
 selectList.addItem(nameList.selectedItem);
}