原文地址: http://blog.csdn.net/hero82748274/archive/2009/12/ 29/5101632.aspx
有一段时间没有接触flex ,有点不怎会用flex。还好最近弄了一下分页的东西,对xml进行分页还是挺管用。借用之前封装好的类居然解决很久之前的问题。对DataGrid 的组件分页,可以通过对XML进行一些处理,看起来真的分页了。实际上只是一种错觉。
首先先准备一个数据源XML。大概以一个员工作姓名 年龄和性别 为数据源。这个XML 包含很多条员工的信息。下面只是显示2条,可以自己进行充。
view plaincopy to clipboardprint?
jim
12
man
lili
23
girl
jim
12
man
lili
23
girl
//用于计算的分页类。包含分页的方式,当前页,显示分页数的。
view plaincopy to clipboardprint?
package com.web
{
//分页类
public class Page
{
private var max:int;
private var pagenum:int;
private var currentPages:int;
public function Page()
{
}
//设置分页项数
public function set MaxRow(max:int):void
{
this.max=max;
}
//获取分页项数
public function get MaxRow():int
{
return max;
}
public function set currentPage(value:int):void
{
this.currentPages=value;
}
public function get currentPage():int
{
return currentPages;
}
//获取总的分页数,利用求余的方式判断是不是整页
public function getPageNumber(total:int):int
{
if (total%MaxRow==0)
{
pagenum=total/MaxRow;
} else
{
pagenum=int(total/MaxRow)+1;
}
return pagenum;
}
public function get TotalPage():int
{
return pagenum;
}
//显示页码
public function getPage():String
{
var str:String=(currentPage+1)+"/"+TotalPage;
return str;
}
}
}
package com.web
{
//分页类
public class Page
{
private var max:int;
private var pagenum:int;
private var currentPages:int;
public function Page()
{
}
//设置分页项数
public function set MaxRow(max:int):void
{
this.max=max;
}
//获取分页项数
public function get MaxRow():int
{
return max;
}
public function set currentPage(value:int):void
{
this.currentPages=value;
}
public function get currentPage():int
{
return currentPages;
}
//获取总的分页数,利用求余的方式判断是不是整页
public function getPageNumber(total:int):int
{
if (total%MaxRow==0)
{
pagenum=total/MaxRow;
} else
{
pagenum=int(total/MaxRow)+1;
}
return pagenum;
}
public function get TotalPage():int
{
return pagenum;
}
//显示页码
public function getPage():String
{
var str:String=(currentPage+1)+"/"+TotalPage;
return str;
}
}
}
下面为MXML。
view plaincopy to clipboardprint?
layout="absolute" creationComplete="init()">
tempxml.length() ? tempxml.length() :page.MaxRow*(count+1);
for (var i:int=page.MaxRow*count; i
layout="absolute">
layout="absolute" creationComplete="init()">
tempxml.length() ? tempxml.length() :page.MaxRow*(count+1);
for (var i:int=page.MaxRow*count; i
layout="absolute">
关键地方操作:采用了按钮点击次数来确定翻页。包括上一页,和下一页两个方法
private function onPreview(event:MouseEvent):void
private function onNext(event:MouseEvent):void
这种方式通过count点击的次数来确定翻了第二页。默认是0,其实就是第一页。这个部分可以自行修改。这里只是采用count 变量记录点了多少次数。
关键一个地方:在于对XML 节点进行选择,通过其他方式保存。这里可以是数组,或者ArrayCollection。两种方式自由选择。
每次读取的只是XML的一个片段,这个片段的节点用集合或者数组进行记录保存。然后绑定在DataGrid 地方,因此可以看到,其实每次DataGrid 显示的数据仅仅是XML的一个片段。至于这部分存取的内存的XML数据,依旧会占用内存的一部分,因此这部分损失依旧要计算出来。只是在使用策略上,不需要一下子显示到组件当中。
view plaincopy to clipboardprint?
//显示人数
private function showWorker():void
{
TempList.removeAll();
temp=page.MaxRow*(count+1)>tempxml.length() ? tempxml.length() :page.MaxRow*(count+1);
for (var i:int=page.MaxRow*count; itempxml.length() ? tempxml.length() :page.MaxRow*(count+1);
for (var i:int=page.MaxRow*count; i<temp; i++)
{
TempList.addItem(tempxml[i]);
}
trace(TempList);
currentPage=page.getPage();
}
扩展:
通过DataGrip进行分页处理,可以处理很多的事情,例如有一些webgame的里面会进行对玩家的排名的这部分排名可以采用分页的技术来进行。还通过进行搜索的方式来进行集合。因此这部分的内容在开发当中会经常遇到的一些问题。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/hero82748274/archive/2009/12/ 29/5101632.aspx
发表评论
-
SQL Server 数据库连接字符串参数一览表
2012-07-06 09:52 882我的网易博客: http: ... -
《COM技术内幕》代码之 组件与客户程序的划分
2012-07-03 13:44 776公共部分: IFace.h #pragma once ... -
Flex 4 控件居中问题
2012-07-02 13:33 701今天尝试了一下,flex4开发,做了个panel,设置Ap ... -
Flex加载文件数据流
2012-07-02 13:32 655Flex加载文件数据流 本文使用URLStream, ... -
Flex小贴士:OpaqueBackground
2012-07-02 13:32 704早在我开始使用Flex时我就开发flash 了,但是现在我 ... -
Flex 与 JavaScript 实现交互!!
2012-07-02 13:32 655layout="horizonta ... -
Flex + LCDS + Java 入门教程
2012-07-01 11:01 599一.引 很多 ... -
QTP测试Flex页面的步骤
2012-07-01 11:01 672需要的环境: ... -
Flex Memory Management and Memory Leaks (zz)
2012-07-01 11:01 466You probably heard, read or e ... -
flex 绑定资源
2012-07-01 11:01 603Adobe Flex supports several i ... -
Flex编程学习基础
2012-07-01 11:01 661Flex是Adobe公司推出 ...
相关推荐
flex中的datagrid的分页定位以及高亮显示
这个分页只与后台交互一次,然后将获得的集合在前台进行分页显示。
FLEX4 s:dataGrid单元格弹出可文本,就是单击单元格弹出自己定义的一个组件,
本例实现对dataGrid组件的分页功能,实现的技术采用Flex3实现
flex 三状态多选 自动分页DataGrid
flex as3.0写的关于DataGrid的分页功能,拿出来分享一下!
Flex中导出当前DataGrid中的数据。生成一个Excel文件。资源为一个简单的应用。
flex组件之DataGrid高级用法实例源码
原理就是ArrayCollection的filterFunction的使用。是根据老外一个帖子改的,其他下载地址在 :http://www.zuidaima.com/share/1714555305004032.htm
flex datagrid pagination, flex分页组件
Flex创建可编辑以及分页的DataGrid,对熟悉和使用datagrid控件是一个很好的例子。
在FLEX4中开发带有过滤功能的DATAGRID组件
WPF MVVM DataGrid分页案例 运用数据绑定 Command 可作为MVVM学习使用
NULL 博文链接:https://tongqiuyan.iteye.com/blog/1214121
Flex, DataGrid, 插入子组件
flex中的datagrid是一个重量级的组建,也是数据绑定中的主要组件之一。
flex动态生成datagrid表头,外加linechart的简单操作,值得学习!
mvc datagrid 支持分页功能,采用easyui的datagrid.
Flex Builder4.5导入Excel和CSV文件到DataGrid中,并自定义DataGrid选中行的右键
这是我自己开发的一个dataGrid分页的控件,上传的资源是一个打成包的flex项目,这个控件在查询数据时是与后台进行实时交互的,表格的表头样式是重写皮肤类进行定义的,而隔行变色是通过css来实现的。其中最重要的...