`

flex下的自动完成输入框(autocomplete input

    博客分类:
  • Flex
阅读更多

在网上看到了这篇文章,感觉很好,特此记录。

转自:http://hi.baidu.com/firerails/blog/item/796a22dd2afbe33c5882dd76.html

 

 

几年前刚进公司的时候,就负责优化一个asp.net下的用户选择控件的性能,这个控件最大的亮点就是能够智能感知,自动完成,非常受用户欢迎,后来在这个控件的设计基础上,我开发了一个智能选择器,支持服务端和客户端动态绑定数据,支持文件数据源等,在数千数据项依然有极速体验,大家都觉得很好用,在提升用户体验方面效果不错。
接触flex的过程中,自然也关注,auto complete类型的控件,adobe的components有提供这么一个控件{Adobe AutoComplete Input},而且在popular排行榜上排第一位,自然得搞来用用,没想到下载了好几天时间,下载这个组件需要登录,而adobe得网站速度确实不敢恭维,简直让人怀疑回到了56kbps的时代,adobe,你是在用一台pc当服务器吧!勉强登录上去,千辛万苦地开始下载,好不容易成功完成一次下载,结果还是文件损坏,尝试了好几次都不行,好吧,adobe看来放在服务器上的就是坏的组件,难道是microsoft的人打入adobe内部了?
为了曲线救国,我求助于google,总会有人帮adobe分流下吧,給个撒下载地址之类的,几经周折,总算是找到个:
http://www.websector.de/blog/2008/04/30/quick-tip-avoid-issues-using-adobes-autocomplete-input-component-using-flex-3/
修正了adobe版的一点小问题,在这里你能下载到adobe的原版和修正版
还有几个自动完成的组件地址

http://hillelcoren.com/2009/01/01/flex-autocomplete-latest-version/
这个功能十分丰富,感觉应该是经历过长时间生产环境考验的组件,比较赞的是有可以列表选择的对话框,选中项还有mac ,ball,facebook等功能选择,看看他的demo

http://kuwamoto.org/2006/05/11/example-code-updated-for-beta-3/
这个控件的设计初衷是作为combobox的一个更好的替代品,所以功能也很简洁

看来,为我js版的智能选择器开发一个flex不仅不是难事,而且应该可以做得更卓越哦

分享到:
评论

相关推荐

    flex拓展组件autoComplete开源代码

    `autoComplete`组件是基于用户在文本输入框(Input)中键入内容时,自动显示匹配选项的组件。在Flex中,这样的功能通常通过自定义组件或利用现有的UI组件进行扩展来实现。这个开源代码库提供了一个定制的`...

    flex 自动完成控件(类似google输入框)

    以上就是实现Flex中类似Google输入框的自动完成控件所需掌握的主要知识点。通过熟练应用这些技术,可以构建出高效且用户友好的自动完成组件。在实际项目中,还需要根据具体需求和业务逻辑进行适当的调整和扩展。

    flex-autocomplete-master.zip_flex

    在Flex编程领域,"flex-autocomplete-master.zip_flex" 提供了一个关于自动完成(AutoComplete)功能的示例项目。Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。这个压缩包可能...

    Flex文本框自动提示

    在Flex中,我们可以使用`TextInput`组件创建一个基本的文本输入框。然而,为了实现自动提示功能,我们需要使用`AutoComplete`类或者自定义组件。这个功能通常通过监听用户的键盘输入事件,然后匹配预定义的数据集来...

    flex autocomplete

    自动补全通常用于输入框中,当用户开始键入时,它会提供可能的匹配项,帮助用户快速完成输入。在本案例中,我们有一个名为"AutoCompleteSample.mxml"的文件,这是一个测试原型,用于展示如何在Flex应用中实现自动...

    flex3 自动提示控件

    在Flex3中实现自动提示,主要是通过`AutoComplete`类或`Combobox`控件来完成。下面将详细介绍这两个组件以及如何在项目中应用它们。 1. `AutoComplete`类: 在Flex3中,虽然没有内置的`AutoComplete`类,但开发者...

    Flex DataGrid 内嵌AutoCompleteDataGrid

    2. **自定义CellEditor**:为了在DataGrid的单元格中实现自动补全,我们需要创建一个自定义的CellEditor类,继承自mx.controls.TextInput,并在其上添加自动补全的逻辑。这通常涉及监听键盘事件,以及根据用户输入...

    jquery搜索栏select下拉选择框

    在网页设计中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。...在实际项目中,还可以结合实际需求进行扩展和定制,例如添加自动完成(autocomplete)功能、搜索历史记录等。

    登录界面模板

    例如,使用`autocomplete`属性可以启用浏览器的自动填充功能。 总结,这个“简单有趣的后台登录页面模板”是初学者学习HTML和CSS实践的一个好起点。通过学习这个模板,你可以掌握登录界面的基本构造、样式设计、...

    AntDesign组件库目录.docx

    **4.1 AutoComplete 自动完成** - **基本使用**: 提供了自动完成输入的功能,当用户输入字符时自动匹配并显示建议列表。 - **自定义输入组件**: 支持自定义输入框组件,以满足不同的设计需求。 - **查询模式-确定...

    我想在我的网站中实现位置搜索功能,该怎么办?

    var autocomplete = new google.maps.places.Autocomplete(input); autocomplete.addListener('place_changed', () => { var place = autocomplete.getPlace(); // 处理选中的位置信息,如展示地图或搜索相关数据 ...

    Login01:Login01

    - **AJAX异步提交**:如果`Login01`使用了JavaScript,可能采用了AJAX(Asynchronous JavaScript and XML)技术,它允许页面在不刷新的情况下发送和接收数据。使用`XMLHttpRequest`对象或现代浏览器的`fetch` API...

    前端面试题

    - 可以通过设置`autocomplete="off"`来禁用自动完成功能。 **16、如何实现浏览器内多个标签页之间的通信?(阿里)** - 可以通过Web Storage API(`localStorage`/`sessionStorage`)或`IndexedDB`等技术来实现跨标签...

Global site tag (gtag.js) - Google Analytics