滑杆式分页组件

来源:互联网 发布:淘宝男装58元 编辑:程序博客网 时间:2024/06/04 19:09
滑杆式分页组件-SliderPager(Ver0.1)

一个标准的分页组件(如下图),包括上页、下页、首页、尾页、跳转和设置每页记录数按钮,但由于该组件包含的基本组件较多,因此占了不少的空间,在空间不太足的情况下,会出现水平方向的滚动条,给操作带来了不变。

偶然在网上看到了一种JSP样式的分页方式,上下页按钮、页面跳转功能,加上一个水平方向的滑杆,拖动滑杆可以跳转到指定页面,这种分页方式蛮有新意,因此仿此作了一个组件,并作了改进,添加了设置行数的功能。最终样式如下:

为了满足分页的功能,设置了VO来保存与分页相关的数据,并通过向外派发事件将具体的操作转由使用者自己来控制。VO的主要属性有:记录总数,当前页,每页记录数,分页数等等

组件还没有进一步完善,如对输入跳转页数的合法性校验。

这里是组件的演示。

三个源代码文件如下,欢迎参考:
(演示和源代码是放在google code上,速度可能有点慢,代码可通过svn下载)
SliderPager.mxml
AdvanceEvent.as
PageVO.as

原创粉丝点击