大家好,我是这个领域的新手!
最近一直在做Flex的项目,自认为也做了些比较实用的Flex控件,现在拿出来和大家分享下。
首先我不太明确应该给这个控件怎么命名,它所实现的功能是类似于Google Search的输入框。只不过我做了一些调整,调整点如下:
[list]
[*]鼠标点击输入框,弹出提示列表
[*]编辑输入框内容时,根据内容关键字,对列表进行过滤
[*]当列表中的数据多于12条,但少于24条时,弹出两列列表
[*]当列表中的数据多于24条时,将给用户呈现出分页查询的功能
[/list]
之所以采用分页的方式显示提示内容,是因为如果提示下拉框的内容过多的话,就会出现令人很不爽的下拉框。另外分页与否取决于下拉框中的数据量,这样可以使页面更加美观,用户体验更好些。
它的应用也很简单,只需设置空间的dataProvider属性即可。
如下是我做的一个例子,图1是点击打开下拉框的状态,图2为进行关键字搜索后的状态。
图1
[img]c:\1.png[/img]
图2
[img]c:\2.png[/img]
最近一直在做Flex的项目,自认为也做了些比较实用的Flex控件,现在拿出来和大家分享下。
首先我不太明确应该给这个控件怎么命名,它所实现的功能是类似于Google Search的输入框。只不过我做了一些调整,调整点如下:
[list]
[*]鼠标点击输入框,弹出提示列表
[*]编辑输入框内容时,根据内容关键字,对列表进行过滤
[*]当列表中的数据多于12条,但少于24条时,弹出两列列表
[*]当列表中的数据多于24条时,将给用户呈现出分页查询的功能
[/list]
之所以采用分页的方式显示提示内容,是因为如果提示下拉框的内容过多的话,就会出现令人很不爽的下拉框。另外分页与否取决于下拉框中的数据量,这样可以使页面更加美观,用户体验更好些。
它的应用也很简单,只需设置空间的dataProvider属性即可。
如下是我做的一个例子,图1是点击打开下拉框的状态,图2为进行关键字搜索后的状态。
图1
[img]c:\1.png[/img]
图2
[img]c:\2.png[/img]
本文分享了一款仿GoogleSearch输入框的Flex控件。该控件具备点击弹出提示列表、编辑时过滤列表及分页显示等功能,通过设置dataProvider属性即可使用。
2万+

被折叠的 条评论
为什么被折叠?



