本文和大家重点学习一下Flex DataGrid分页的概念,这两天做了一个Flex DataGrid分页(paging)控件,虽然是用Flex做的,但只要掌握了思路,用别的编程语言也能达到同样的效果。
Flex DataGrid分页(客户端、服务端)
这两天做了一个Flex DataGrid分页(paging)控件,支持客户端、服务端两种分页形式;这里着重分享一下思路,虽然是用flex做的,但只要掌握了思路,用别的编程语言也能达到同样的效果。
设计思路:
1,客户端、服务端
(1)客户端分页:将数据一次性取到客户端,客户要看哪一页的数据,显示哪一页的数据。
(2)服务端分页:客户要看哪一页的数据,向服务端请求哪一页的数据,客户端将请求到的数据显示给用户(可以在客户端、服务端分别做缓存,加快数据的读取),由于flex本身不具有数据库访问能力,可以考虑通过WebServices向服务器传递数据,数据的表示形式可以是XML、JSON(本文采用XML的形式)。
2,Flex DataGrid分页表示层的设计
(1)页码条中4个按钮;这四个按钮分别为转到***页,前一页,后一页,***一页;当这四个按钮中的任意一点被点击时,页码要重绘,当前页码变化;且还要考虑当页码中有***页时,前两个按钮要隐藏起来;当页码中有***一页时,后两个按钮要隐藏起来。
(2)页码条中页码;当点击页码条中的页码时,DataGrid中更新显示数据即可,当前页码变化。
(3)显示总页数,总记录数;
(4)每页记录数,让用户通过下拉框选择;当用户选择新的每页显示记录数时,页码要重绘,总页数发生变化,当前页码变化。
(5)页码输入框,让用户输入任意页码(要检查输入数据是否合法),DataGrid显示页码中的数据,页码要重绘,总页数变化。
(6)查看所有;分页中的特殊情况,将每页记数置为记录总数即可达到要求!页码要重绘,总页数发生变化,当前页码变化
【编辑推荐】
- 解析FlexSDK4的十大变化
- 揭露Flex2.0的几大误区
- 技术分享 Flex2.0文件上传如何实现
- FlexBuilder3.0与Eclipse3.4的***结合
- Flex ComboBox和Datagrid组件用法指导