- 浏览: 10369 次
最新评论
[转载]每天学一点Flex(1):DataGrid组件分页
2010年06月07日
原文地址: 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?
tempxml.length() ? tempxml.length() :page.MaxRow*(count+1);
for (var i:int=page.MaxRow*count; i
tempxml.length() ? tempxml.length() :page.MaxRow*(count+1);
for (var i:int=page.MaxRow*count; i
关键地方操作:采用了按钮点击次数来确定翻页。包括上一页,和下一页两个方法
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
发表评论
-
java截取带html标签的字符串,再把标签补全(保证页面显示效果)
2012-07-06 09:52 1205java截取带HTML标签的字符串,一般情况下有三种实现方 ... -
linux常用命令
2012-07-06 09:46 739一、 vi使用场景&常用命令 命令 含义 vi ... -
java组件的透明问题
2012-07-03 13:44 518记得有不少人质疑java透明方面的能力,也有很多人到处找怎 ... -
SWFAddress实现Flex深度链接(不同模块具有不同的URL)
2012-07-02 13:27 548众所周知,Flex明显区别于传统B/S开发模式的特性中,有 ... -
Flex之数据格式化
2012-07-02 13:27 620数据格式化是对某些特殊的数据的格式进行规范。例如,日期格式 ... -
使用FLEX的HttpService与ASP.NET进行动态交互之一(转载)
2012-07-02 13:27 606使用FLEX的HttpService ... -
Flex 动态datagrid的应用
2012-07-02 13:27 589Flex有2种常用的datagrid: ... -
Flex TXT文件导入
2012-07-02 13:27 651在上一篇文章中,我们做了一个文件上传、导入组件,其实就是一 ... -
Get android source
2012-07-01 10:54 598狗日的csdn,改个名字还要积分!! ... -
[tamarin系列之9] 在线的eval
2012-07-01 10:54 593文章分类:Java编程 我们先做一个实验: 1、构建 ... -
JAVA+fms
2012-07-01 10:54 543最近完成的 Java Flex Fms 视频聊天程序,虽然 ... -
flash builder 制作 浏览器并 读写配制文件
2012-07-01 10:54 673flex/spark" xmlns:mx=&q ... -
采用数据库为Flex Tree组件的提供数据-前言
2012-06-30 17:15 602采用数据库为Flex Tree组件的提供数据-前言 2010 ... -
Flex: DataGroup 组件增加滚动条
2012-06-30 17:15 716Flex: DataGroup 组件增加滚动条 2011年0 ... -
TWaver Flex与.net最新版,三大视图组件齐备
2012-06-30 17:15 607TWaver Flex与.net最新版,三大视图组件齐备 2 ...
相关推荐
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表头,外加linechart的简单操作,值得学习!
flex中的datagrid是一个重量级的组建,也是数据绑定中的主要组件之一。
mvc datagrid 支持分页功能,采用easyui的datagrid.
Flex Builder4.5导入Excel和CSV文件到DataGrid中,并自定义DataGrid选中行的右键
这是我自己开发的一个dataGrid分页的控件,上传的资源是一个打成包的flex项目,这个控件在查询数据时是与后台进行实时交互的,表格的表头样式是重写皮肤类进行定义的,而隔行变色是通过css来实现的。其中最重要的...