Flex 仿照百度搜索智能提示自动填充功能

最新推荐文章于 2025-05-06 16:05:15 发布

fengqingxin

最新推荐文章于 2025-05-06 16:05:15 发布

阅读量142

点赞数

分类专栏： Flex 文章标签：百度 Flex Adobe XML HTML

Flex 专栏收录该内容

56 篇文章

订阅专栏

本文介绍了一个使用Adobe Flex构建的应用实例，该实例演示了如何通过ComboBox组件实现数据搜索功能，并展示了如何利用自定义数据对象(MyVO)及ArrayCollection进行数据管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?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>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.events.FlexEvent;
 
            import vo.MyVO;
            [Bindable]
            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[i]));
                }
            }
 
            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
    {
        [Bindable]
        public var label:String;
        public function MyVO(str:String)
        {
            this.label=str;
        }
    }
}