`
cactus_jing
  • 浏览: 8691 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

Flex控件:分页提示输入框

阅读更多
大家好,我是这个领域的新手!

最近一直在做Flex的项目,自认为也做了些比较实用的Flex控件,现在拿出来和大家分享下。

首先我不太明确应该给这个控件怎么命名,它所实现的功能是类似于Google Search的输入框。只不过我做了一些调整,调整点如下:
  • 鼠标点击输入框,弹出提示列表
  • 编辑输入框内容时,根据内容关键字,对列表进行过滤
  • 当列表中的数据多于12条,但少于24条时,弹出两列列表
  • 当列表中的数据多于24条时,将给用户呈现出分页查询的功能


之所以采用分页的方式显示提示内容,是因为如果提示下拉框的内容过多的话,就会出现令人很不爽的下拉框。另外分页与否取决于下拉框中的数据量,这样可以使页面更加美观,用户体验更好些。

它的应用也很简单,只需设置空间的dataProvider属性即可。

如下是我做的一个例子,图1是点击打开下拉框的状态,图2为进行关键字搜索后的状态。
图1

图2
  • PromptBox.zip (440.1 KB)
  • 描述: test:测试文件;prompt_src:PromptBox.mxml;prompt_swc:PromptBox.swc
  • 下载次数: 327
分享到:
评论
3 楼 fql0915 2012-06-17  
没有源文件
2 楼 fight_bird 2010-07-25  
yahoo早出过类似的控件了
1 楼 myjoe 2010-06-09  
这么好的东西没人顶。谢谢LZ分享。

相关推荐

    使用Flex开发DataGrid分页控件应用支持客户端及服务端

    - 页码输入框:允许用户输入任意页码,验证合法性后跳转至对应页。 - “查看所有”功能:一键显示所有记录,这时分页控件需重新计算总页数并显示所有数据。 4. 代码实现: 在Flex中,可以创建一个自定义组件来...

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

    在Flex编程中,创建一个自动完成控件,也称为下拉提示或自动填充,能够极大地提升用户体验,尤其是在处理大量可选项时。这个功能类似于Google的搜索框,它会在用户输入时动态显示匹配的建议列表。以下是一些关于如何...

    flex分页 很好很强大

    2. 用户界面:前端展示分页控件,包括页码按钮、跳转输入框等,用户可以通过这些元素切换页面。 3. 事件处理:监听用户操作,如点击页码按钮,触发数据重新加载并更新页面内容。 4. 动态加载:使用JavaScript动态...

    flex 分页控件,通过事件处理

    在Flex中,分页控件是一种常见的组件,它允许用户在大量数据中进行导航,一次显示一部分内容,提高用户体验。本篇将详细介绍如何在Flex中创建和管理分页控件,并通过事件处理来实现其功能。 首先,我们要了解Flex中...

    Flex分页技术

    在Flex开发中,数据展示通常会涉及到大量的数据处理,如分页、排序、过滤和关键字搜索等。在Flex中,我们可以使用DataGrid组件来实现这些功能,提高用户体验并优化性能。 1. **Flex DataGrid 分页技术**: Flex ...

    Flex4 DataGrid控件行编辑项目

    在Flex4.6开发环境中,DataGrid控件是用于展示数据集合的重要组件,它提供了丰富的功能,如排序、分页和自定义列显示。在这个项目中,我们关注的是如何实现DataGrid的行编辑功能,特别是在行中嵌套ComboBox控件以...

    html5分页插件制作手机端和网页分页列表代码

    还可以考虑添加一个输入框,让用户直接输入页码进行跳转。 综上所述,创建一个HTML5分页插件需要理解HTML5的基础结构、CSS3的样式规则以及JavaScript的事件处理和DOM操作。通过合理的设计和编程,我们可以创建出既...

    各种Flex自定义组件

    4. 下拉组合框(combox):在Flex中,combox结合了输入框和下拉列表,用于用户选择一个预设值。自定义的combox可能有更高效的搜索功能、动态加载数据或自定义的列表项渲染。 在描述中提到的“常用的处理字符串,弹...

    Flex-DataGrid使用关键字过滤结果

    在Flex应用中,DataGrid通常用于显示来自数据提供者(如ArrayCollection或XMLListCollection)的数据,并支持排序、分页和过滤等功能。本文将深入探讨如何利用关键词对Flex DataGrid中的数据进行过滤,以实现更高效...

    flex做的datagrid留言板

    在Flex中,DataGrid组件是用于显示大量结构化数据的常用控件,非常适合用来展示留言板上的条目。 DataGrid组件允许开发者以表格的形式展示数据,并且支持多种自定义,如排序、分页和筛选等。在这个应用中,DataGrid...

    java开发的一个flex实例 使用DAGAGRID

    在Flex中,我们可以创建一个输入框让用户输入搜索关键字,然后在`searchlist`方法被调用时,将关键字作为参数传递给服务器,服务器端进行相应的查询操作,最后返回结果给Flex客户端。这些结果会被加载到DAGAGRID中,...

    微信小程序完美开源布局控件

    控件则提供了与用户交互的基本功能,如按钮、输入框、滑动选择器等。 1. **页面布局**:在微信小程序中,开发者可以使用如Flex布局(弹性盒布局)来实现复杂多变的页面结构,适应不同设备屏幕尺寸。例如,可以使用`...

    Flex DataGrid 内嵌ComboBox 再内嵌一个 DataGrid

    DataGrid是Flex中用于显示结构化数据的控件,它可以显示表格形式的数据,支持排序、分页和自定义列等特性。在Flex应用中,DataGrid常用于显示大量的列表数据,通过灵活的布局和样式设置,可以定制出各种美观且功能...

    Delphi10.4 的TMSVCLUIPack

    1. **表单布局与设计**:提供多种布局控件,如 FlowPanel, GridPanel 和 FlexForm,使开发者可以灵活地组织和排列应用中的控件,实现复杂的界面设计。 2. **按钮与开关**:包括了各式各样的按钮控件,比如标准按钮...

    web页面设计规范

    - Flex控件在页面中的应用规范,确保兼容性和性能。 #### 七、页面资源规格说明 ##### 1. 图标 - 图标的设计需符合品牌风格,大小适中,辨识度高。 ##### 2. 图片 - 规定图片的尺寸、格式等细节,确保加载速度和...

    Flex 3 组件实例与应用(2009版)

    Alert组件用于显示弹窗提示信息,通常用于向用户展示操作结果或警告信息等。 ##### 2. **ColorPicker** ColorPicker组件提供了一个颜色选择器,允许用户通过直观的方式选择颜色值。 ##### 3. **ComboBox** ...

    DataGridCombox下拉列3级联

    DataGrid是Adobe Flex中的一种数据展示控件,它能够以表格形式显示数据集,支持排序、分页和编辑等功能。在DataGrid中,我们可以为列定义自定义的渲染器,以实现特定的显示效果,例如ComboBox列。 ComboBox组件则是...

    软件界面设计工具_3款合集

    预制了六十多个界面元素,从简单的输入框,下拉框,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等,有了这些不用从头画起,其实比用白板都快; 界面元素的修改很...

    angular-material-course:“角材料大师班” Udemy课程的源代码-Material source code

    6. **MatInput**: 输入框组件,提供验证和提示功能。 7. **MatSelect**: 下拉选择框,可用于单选或多选。 8. **MatSlider/MatSlideToggle**: 滑动条和切换开关组件,适用于调整值或开关状态。 9. **MatSnackBar**: ...

Global site tag (gtag.js) - Google Analytics