Flex中DataGrid分页（客户端、服务端）
[原创]Flex中DataGrid分页（客户端、服务端）
这两天做了一个Flex的DataGrid分页（paging）控件，支持客户端、服务端两种分页形式；这里着重分享一下思路，虽然是用flex做的，但只要掌握了思路，用别的编程语言也能达到同样的效果。
组件运行截图：
设计思路：
1，客户端、服务端
（1）客户端分页：将数据一次性取到客户端，客户要看哪一页的数据，显示哪一页的数据。
（2）服务端分页：客户要看哪一页的数据，向服务端请求哪一页的数据，客户端将请求到的数据显示给用户（可以在客户端、服务端分别做缓存，加快数据的读取），由于flex本身不具有数据库访问能力，可以考虑通过WebServices向服务器传递数据，数据的表示形式可以是XML、JSON（本文采用XML的形式）
2，分页表示层的设计
（1）页码条中4个按钮；这四个按钮分别为转到第一页，前一页，后一页，最后一页；当这四个按钮中的任意一点被点击时，页码要重绘，当前页码变化；且还要考虑当页码中有第一页时，前两个按钮要隐藏起来；当页码中有最后一页时，后两个按钮要隐藏起来。
（2）页码条中页码；当点击页码条中的页码时，DataGrid中更新显示数据即可，当前页码变化。
（3）显示总页数，总记录数；
（4）每页记录数，让用户通过下拉框选择；当用户选择新的每页显示记录数时，页码要重绘，总页数发生变化，当前页码变化。
（5）页码输入框，让用户输入任意页码（要检查输入数据是否合法），DataGrid显示页码中的数据，页码要重绘，总页数变化。
（6）查看所有；分页中的特殊情况，将每页记数置为记录总数即可达到要求！页码要重绘，总页数发生变化，当前页码变化
代码说明
（1）分页功能条，做一个自定义组件，布局如下：
代码
1 <mx:HBox paddingTop="8">
2 <mx:Button id="firstNavBtn" icon="{firstIcon}" width="10" height="10" click="navigateButtonClick('firstPage');" />
3 <mx:Button id="preNavBtn" icon="{preIcon}" width="7" height="10" click="navigateButtonClick('prePage');"/>
4 </mx:HBox>
5 &nbs
相关文档：
本文编译后的补丁下载链接 http://download.csdn.net/source/1908278
多模块应用，每加载一个模块都会重复加载模块所使用的RSL，现在增加一个
private static var loadedRSLs:Dictionary = new Dictionary(); 来保存是否已加载
mx.core.RSLListLoader
//////////////// ......
1、自定义组件
2、自定义事件
3、结合使用
一、自定义组件（使用的是Flex组件，ActionScript组件相对麻烦点，可视化差点）
该组件由一个TextArea和两个Button组成，如图：
代码：
MyComponent.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width=" ......
今天找一些Flex资料，偶然发现很多人在问有关FABridge的问题，看了一下，大致都是在问在FlashBuilder中如何通过FABridge来实现F-A的交互。简单说说吧。
一.通过js访问Flex组件
1.准备工作。先建立Flex工程 :fademo，并放置一个文本框:txtName。做完后代码应该类似于这个样子：
<?xml version="1.0 ......
润乾即时报表不仅可以通过拖拽的方式轻松实现各种常见类型的web报表制作，而且在展现报表时还提供了灵活的Flex工具条，可以通过Flex工具条实现调整列宽、排序和过滤显示数据等功能。下面就先简单的介绍一下如何使用Flex工具条实现数据按某列排序。 我们设计一个简单类型的报表，报表查看如下图 现在我们设置数据按照 雇员 ......
