使用Flex开发DataGrid分页控件应用支持客户端及服务端
来源:互联网 发布:软件开发界面设计工具 编辑:程序博客网 时间:2024/06/07 02:10
下面教程开发Flex的DataGrid分页(paging)控件,支持客户端、服务端两种分页形式;这里着重分享一下思路,虽然是用flex做的,但只要掌握了思路,用别的编程语言也能达到同样的效果。
DataGrid分页效果图
设计思路:
1,客户端、服务端
(1)客户端分页:将数据一次性取到客户端,客户要看哪一页的数据,显示哪一页的数据。
(2)服务端分页:客户要看哪一页的数据,向服务端请求哪一页的数据,客户端将请求到的数据显示给用户(可以在客户端、服务端分别做缓存,加快数据的读取),由于flex本身不具有数据库访问能力,可以考虑通过WebServices向服务器传递数据,数据的表示形式可以是XML、JSON(本文采用XML的形式)
2,分页表示层的设计
(1)页码条中4个按钮;这四个按钮分别为转到第一页,前一页,后一页,最后一页;当这四个按钮中的任意一点被点击时,页码要重绘,当前页码变化;且还要考虑当页码中有第一页时,前两个按钮要隐藏起来;当页码中有最后一页时,后两个按钮要隐藏起来。
(2)页码条中页码;当点击页码条中的页码时,DataGrid中更新显示数据即可,当前页码变化。
(3)显示总页数,总记录数;
(4)每页记录数,让用户通过下拉框选择;当用户选择新的每页显示记录数时,页码要重绘,总页数发生变化,当前页码变化。
(5)页码输入框,让用户输入任意页码(要检查输入数据是否合法),DataGrid显示页码中的数据,页码要重绘,总页数变化。
(6)查看所有;分页中的特殊情况,将每页记数置为记录总数即可达到要求!页码要重绘,总页数发生变化,当前页码变化
下面贴出代码实现:
代码说明
(1)分页功能条,做一个自定义组件,布局如下:
(2)页码条绘制方法,传参数为页码中的第一个页码
3.分页触发的方法,组件中有一个属性为pagingFunction,为向服务端请求数据的函数;当该函数为空时,调用客户端分页;反之调用该方法进行服务端分页。
文章来自学IT网:http://www.xueit.com/asp.net/show-5214-3.aspx
- 使用Flex开发DataGrid分页控件应用支持客户端及服务端
- Flex中DataGrid分页(客户端、服务端)
- 使用DataGrid- Flex分页
- 应用Python开发WebService服务端及客户端
- FLEX2中DataGrid控件的分页 (Flex 自定义DataGrid控件)
- flex 使用datagrid的分页技术
- flex分页控件的使用
- EasyUI 使用DataGrid并使用分页及复选框,支持格式化数据
- [整理]在现有Web项目中添加Web Service支持,服务端及客户端开发
- FLEX DataGrid分页
- Flex DataGrid分页
- Flex 2 DataGrid 分页
- flex datagrid 分页组件
- Flex DataGrid分页
- FLEX DataGrid分页 【收藏】
- flex datagrid分页
- iOS 应用内付费(IAP)开发步骤四:客户端及服务端开发
- flex 中使用分页,要数据库支持
- 指定文件夹下子文件夹遍历的工具
- 用FFmpeg从视频截取任意一帧图片的解决办法
- linux目录结构(转)
- [转]怎么用.NET创建视窗系统服务
- ffmpeg裁减
- 使用Flex开发DataGrid分页控件应用支持客户端及服务端
- Android应用程序剖析
- 并查集的使用 POJ 1182
- c++中main函数参数的意义
- 奇妙装置各种Windows操作体系
- ClassNotFoundException:org.hibernate.hql.ast.HqlToken-weblogic使用hibernate hql问题解决
- HTML 标签的 shape 属性:图片选区获得焦点
- 2010Bossie大奖:十佳开源平台和中间件
- qt模型视图结构