现在的位置: 首页 > 综合 > 正文

flex 3 combobox 实现关键字过滤搜索-代码示例

2013年09月15日 ⁄ 综合 ⁄ 共 1988字 ⁄ 字号 评论关闭

<?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" 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("http://blog.csdn.net/kkkloveyou"),"_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="技术支持:http://blog.csdn.net/kkkloveyou"   click="linkbutton1_clickHandler(event)"/>    </s:VGroup>     </s:Panel>    </s:Application>

抱歉!评论已关闭.