Flex 仿照百度搜索 智能提示 自动填充功能
<?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"> <fx:Declarations> <s:ArrayCollection id="myCbDb"/> </fx:Declarations> <s:layout> <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/> </s:layout> <fx:Script> <! private var arr:Array=["dumb-bell","Boarder","Bicycle","Diving", "Ping-Pong"]; protected function cb_creationCompleteHandler(event:FlexEvent):void { this.myCbDb=new ArrayCollection(); for(var i:int;i<this.arr.length;i++) { this.myCbDb.addItem(new MyVO(this.arr)); } } protected function button1_clickHandler(event:MouseEvent):void { var obj:MyVO=this.cb.selectedItem as MyVO; if(!myCbDb.contains(obj)) { this.myCbDb.addItem(new MyVO(this.cb.textInput.text)); this.cb.textInput.text=""; } this.myCbDb.refresh(); this.myResult.text=" User Search For: " + this.cb.textInput.text; } ]]> </fx:Script> <s:Label text="Type something or select then click search"/> <s:HGroup> <s:ComboBox id="cb" dataProvider="{myCbDb}" creationComplete="cb_creationCompleteHandler(event)" labelField="label"/> <s:Button label="Search" click="button1_clickHandler(event)"/> </s:HGroup> <s:Label id="myResult"/> <mx:DataGrid dataProvider="{myCbDb}"/></s:Application> package vo{ public class MyVO { public var label:String; public function MyVO(str:String) { this.label=str; } }}
页:
[1]