滑杆式分页组件

滑杆式分页组件-SliderPager(Ver0.1)

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

25e88ce97b812e25b90e2df7.jpg

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

91233bfdf0e6df0c08244df7.jpg

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

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

这里是组件的演示。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值