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
相关文档：
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the DateTimeAxis class. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
import mx.collections.ArrayCollection;
......
flash和flex针对不同的目的，提供了3种不同的坐标系。
全局的就是(stage级别的)
本地坐标系（组件级别的）
内容坐标系（相对于本地坐标系说的 ......
本例中将实现当应用运行时不进行任何操作就先弹出窗口，点击关闭/点击窗口任一位置 时将关闭窗口
1）创建Component—DefaultWin.mxml （目录结构src/components/DefaultWin.mxml）
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
......
Flex 加深学习笔记(-)
本文系我进一步加深Flex相关的学习而做的学习笔记,其中不乏有参考转载的相关书的文章,也不乏有自己写的些东西.这当然也避免不了可能会出现的错误(本人的理解错误或描述错误).望朋友们仅以我的Blog作为您学习路上的参考,一切皆自己尝试后是正确的才是正确的.
欢迎大家一起交流学习;
欢迎大家拍砖;
......
http://yecon.blog.hexun.com/36798900_d.html
使用 Adobe Flex 产品线的时候，采用图表和图形来展示数据会使用户与数据的交互更加容易。相对简单的数字表格来说，可以使用表示数据的不同颜色、标题、线条来展示条形图、饼图、线图等等。
图表控件是 Adobe Flash Builder 专业版的特性。也可以在 Falsh Builder 标准版� ......
