Flex4之DataGrid四个的示例.docxVIP

  • 0
  • 0
  • 约 32页
  • 2017-08-09 发布于山西
  • 举报
Flex4之DataGrid四个的示例

Flex4之DataGrid四个的示例【客户端和服务器端】博客分类:Flex4专栏jsonFlexAdobeActionScriptServlet由于我的DataGrid与JAVA后台交互需要返回JSON格式的字符串,所以需要在客户端来解析JSON串,用到JSON相关类,所以Flex4还缺少一个文件corelib.swc将corelib.swc拷贝到Flex安装目录的sdks\4.0.0\frameworks\libs下这个文件导入后重启MyEclipse就可以使用JSON类了?1,客户端、服务端  (1)客户端分页:将数据一次性取到客户端,客户要看哪一页的数据,显示哪一页的数据。  (2)服务端分页:客户要看哪一页的数据,向服务端请求哪一页的数据,客户端将请求到的数据显示给用户(可以在客户端、服务端分别做缓存,加快数据的读取),由于flex本身不具有数据库访问能力,可以考虑通过 WebServices向服务器传递数据,数据的表示形式可以是XML、JSON(本文采用XML的形式)2,分页表示层的设计  (1)页码条中4个按钮;这四个按钮分别为转到第一页,前一页,后一页,最后一页;当这四个按钮中的任意一点被点击时,页码要重绘,当前页码变化;且还要考虑当页码中有第一页时,前两个按钮要隐藏起来;当页码中有最后一页时,后两个按钮要隐藏起来。  (2)页码条中页码;当点击页码条中的页码时,DataGrid中更新显示数据即可,当前页码变化。 (3)显示总页数,总记录数;  (4)每页记录数,让用户通过下拉框选择;当用户选择新的每页显示记录数时,页码要重绘,总页数发生变化,当前页码变化。  (5)页码输入框,让用户输入任意页码(要检查输入数据是否合法),DataGrid显示页码中的数据,页码要重绘,总页数变化。  (6)查看所有;分页中的特殊情况,将每页记数置为记录总数即可达到要求!页码要重绘,总页数发生变化,当前页码变化代码说明(1)分页功能条,做一个自定义组件(2)页码条绘制方法,传参数为页码中的第一个页码3.分页触发的方法,组件中有一个属性为pagingFunction,为向服务端请求数据的函数;当该函数为空时,调用客户端分页;反之调用该方法进行服务端分页。?首先说明下:以下的四个例子中每一个都含有客户端获取DataGrid数据的代码下面的每个mxml中都涉及用到的组件mxml,位于com/control目录下Xml代码 SPAN?style=FONT-SIZE:?medium?xml?version=1.0?encoding=utf-8???mx:HBox?xmlns:mx=/2006/mxml?backgroundColor=white??????mx:Script??????????![CDATA[ ???????????????????import?mx.collections.ArrayCollection; ???????????????????import?mx.events.ItemClickEvent; ???????????????????import?flash.events.KeyboardEvent; ???????????????????import?mx.controls.DataGrid; ???????????????????import?mx.validators.NumberValidator; ????????????????????[Bindable] ???????????????????[Embed(source=assets/first.jpg)] ???????????????????private?var?firstIcon:Class;???????????????? ???????????????????private?var?firstPage:uint;? ??????????????????? ???????????????????[Bindable] ???????????????????[Embed(source=assets/pre.jpg)] ???????????????????private?var?preIcon:Class; ???????????????????private?var?prePage:uint;? ????????????? ???????????????????[Bindable] ???????????????????[Embed(source=assets/next.jpg)] ???????????????????private?var?nextIcon:Class; ???????????????????private?var?n

文档评论(0)

1亿VIP精品文档

相关文档