Clear out tile list on change event

Question

I have a tile list component with thumbnails that changes when a combo box is changed.  The thumbnails load in videos when clicked.  When I change between items in the combo box, ghosted images of the previous item in the tilelist remain.  Also, the videos seem to be loading on top of each other when I change the combo box.
In the change event, I would like the tilelist to clear out so there are no ghosted thumbnails from the previous combo box choice and I want the video player to clear out so the videos don't play on top of each other.
This is the change event function that I have:
myTileList.addEventListener(Event.CHANGE, listListener);
// Detect when new video is selected, and play it
function listListener(event:Event):void {
var targetSource=event.target.selectedItem.data;
if (targetSource.indexOf(".jpg")>-1) {
  //var URL=event.target.selectedItem.data;
  var req:URLRequest=new URLRequest(event.target.selectedItem.data);
  navigateToURL(req);
} else {
  var flvControl:FLVPlayback=display;
  flvControl.source = event.target.selectedItem.data;
  flvControl.addEventListener(VideoProgressEvent.PROGRESS, progressHandler);
  flvControl.addEventListener(VideoEvent.READY, readyHandler);
  addChild(pb);
  flvControl.play();
Do you see the issue that is causing the duplication?

Answer 1

Hello Tim,
And in GET_V of the attribute serving as dropdown you defined an event?
* Set the type of the field:  dropdown menu
   CASE iv_property.
    WHEN if_bsp_wd_model_setter_getter=>fp_fieldtype.
      rv_value = cl_bsp_dlc_view_descriptor=>field_type_picklist.
    WHEN if_bsp_wd_model_setter_getter=>fp_onclick.
      rv_value = 'select'.
  ENDCASE.
Best Regards,
Yevgen