<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx
      xmlns:s="library:///flex/spark" 
      xmlns:mx="library:///flex/mx" viewSourceURL="srcview/index.html" xmlns:myAs="myAs.*" xmlns:wayne="com.wayne.*">
 
 <fx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   import mx.controls.Alert;
   import mx.events.DropdownEvent;
   import mx.utils.StringUtil;
   public var intput_cards:Array= [];
   
   [Bindable]public var cards:Array =  
    [ {label:"宋江", data:1}, 
     {label:"的李逵", data:2}, 
     {label:"卢俊义", data:3},
     {label:"的李逵2", data:4}, 
     {label:"的李逵3", data:5}, 
     {label:"的李逵4", data:6},
     {label:"陈江", data:7}, 
     {label:"卢子平", data:8}, 
     {label:"的李逵5", data:9}, 
     {label:"太子", data:10}
    ];
   
    private function changeHandler2(event:Event):void {
    
    intput_cards = [];
    
    if(StringUtil.trim(combobox_id.text)==""||StringUtil.trim(combobox_id.text)==null){
      combobox_id.dataProvider =  cards;
    }else{
     for(var i:int = 0; i<cards.length; i++){
      if(cards[i].label.indexOf(combobox_id.text , 0)>-1){
       intput_cards.push({label:cards[i].label, data:cards[i].data} );
      }
     }
     combobox_id.dataProvider = intput_cards ; 
    }
    
    combobox_id.validateNow();
    
    combobox_id.open();
   
   }  
   protected function linkbutton1_clickHandler(event:MouseEvent):void
   {
    // TODO Auto-generated method stub
    navigateToURL(new URLRequest("javascript:void(0)"),"_blank");
   }
  ]]>
 </fx:Script>
 
 <s:Panel title="ComboBox Sample"  
    height="100%" width="100%">
  
  <s:VGroup top="20" horizontalCenter="0" >
   <s:VGroup>
    <s:Label  width="200" color="0x336699" text="Flex3 ComboBox Sample for search:"/>
    <mx:ComboBox  id="combobox_id" editable="true" dataProvider="{cards}"  change="changeHandler2(event);"  width="207"   />
   </s:VGroup>
   <mx:Spacer  height="80"/>
  
   <mx:LinkButton color="red"  label=""   click="linkbutton1_clickHandler(event)"/>  
  </s:VGroup> 
  
 </s:Panel>    
</s:Application>