- 浏览: 194938 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
hao3721:
dsfasd
ehcache 使用 -
nihaokid:
方法是不会存在在对象内存中的,它存在于方法区,建议看看jvm的 ...
Java 深层理解 父类引用指向子类对象 -
vissalan:
有一点没看明白Father f1 = (Father)s;这时 ...
Java 深层理解 父类引用指向子类对象 -
咖啡舞者:
非常感谢这种分享精神.
在BREW中实现自己的GUI(8)-IWEB的封装 -
咖啡舞者:
这是创建的代码。
在设备上调的。
界面在手机和模拟器上显示的差异
Java代码
- Local:Kelvin_LinkButton是我重写的一个LinkButton,换成mx: LinkButton即可.
- kelvin_DataGrid.mxml代码:
- <?xml version="1.0" encoding= "utf-8" ?>
- <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width= "400" height= "300" xmlns:local= "*" >
- <mx:Script>
- <![CDATA[
- /*分页DataGrid
- by Kelvin 2008-02-24
- MSN:xiaobolove@hotmail.com
- Email:xiaobolove334421@163.com
- 因为是一次取出全部数据,所以适合数据量不会太大的情况。
- 加了一个pageSize,用来控制每页显示的行数,可以在调用这个组件的时候为pageSize属性赋值,
- 默认为每页显示10行数据,不需要为DataGrid指定高度。
- 参考 古刹飞鹰@E鹰创作室 的文章
- */
- import mx.collections.ArrayCollection;
- [Bindable]public var pageSize: int = 10 ; //每页显示行数
- [Bindable]private var totalPage: int = 0 ; //总页数
- [Bindable]private var currentPage: int = 0 ; //当前页
- [Bindable]
- public var acAllData:ArrayCollection; //所有数据
- [Bindable]
- private var acPageData:ArrayCollection= new ArrayCollection(); //当前页数据
- [Bindable]
- public var arrColumns:Array; //DataGrid列,在调用时需要为这个数组设置数据
- //初始化
- public function init(value:ArrayCollection): void
- {
- acAllData=value;
- if (acAllData.length!= 0 && acAllData!= null )
- {
- totalPage=Math.ceil(acAllData.length/pageSize);
- loadData(0 );
- }else {
- currentPage=0 ;
- totalPage=0 ;
- }
- }
- //加载数据
- private function loadData(pageNum: int ): void
- {
- if (pageNum>= 0 && pageNum<totalPage)
- {
- acPageData.removeAll();
- currentPage=pageNum;//重新为当前页的变量赋值
- var startIndex:int =pageNum*pageSize; //计算起始索引
- for (var i: int = 0 ;i<pageSize && startIndex<acAllData.length;i++)
- {
- acPageData.addItem(acAllData[startIndex]);
- startIndex++;
- }
- }
- }
- ]]>
- </mx:Script>
- <mx:VBox x="0" y= "0" width= "100%" height= "100%" verticalGap= "0" horizontalAlign= "center" backgroundColor= "white" >
- <mx:DataGrid id="customgrid" width= "100%" dataProvider= "{acPageData}" columns= "{arrColumns}" rowCount= "{pageSize}" />
- <mx:HBox cornerRadius="12" borderStyle= "solid" horizontalAlign= "center" verticalAlign= "middle" >
- <mx:Text text="{' 第'+(totalPage>0?(currentPage+1):0)+'页/共'+totalPage+'页'+' 共'+(acAllData!=null?acAllData.length:0)+'条记录'}" fontSize= "12" />
- <local:Kelvin_LinkButton id="lbtnFirst" label= "首页" click= "loadData(0)" enabled= "{lbtnPrevious.enabled}" fontSize= "12" />
- <local:Kelvin_LinkButton id="lbtnPrevious" label= "上一页" click= "loadData(currentPage-1)" enabled= "{currentPage!=0?true:false}" fontSize= "12" />
- <local:Kelvin_LinkButton id="lbtnNext" label= "下一页" click= "loadData(currentPage+1)" enabled= "{totalPage>(currentPage+1)?true:false}" fontSize= "12" />
- <local:Kelvin_LinkButton id="lbtnLast" label= "尾页" click= "loadData(totalPage-1)" enabled= "{lbtnNext.enabled}" fontSize= "12" />
- <mx:NumericStepper id="nsPageNum" stepSize= "1" minimum= "1" maximum= "{totalPage}" enabled= "{lbtnJump.enabled}" />
- <local:Kelvin_LinkButton id="lbtnJump" label= "跳转" click= "loadData(nsPageNum.value-1)" enabled= "{totalPage>1?true:false}" fontSize= "12" />
- </mx:HBox>
- </mx:VBox>
- </mx:Canvas>
- 调用Test.mxml:
- <?xml version="1.0" encoding= "utf-8" ?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout= "absolute" xmlns:local= "*"
- creationComplete="creationComplete()" >
- <mx:Script>
- <![CDATA[
- import mx.collections.ArrayCollection;
- [Bindable]
- private var ac:ArrayCollection;
- private function creationComplete(): void
- {
- loadAcData();
- }
- //如果查询出来的数据为xml格式,调用这个方法
- private function loadXmlData(xml:XML): void
- {
- ac=new ArrayCollection();
- for each(item in xml.Table) //将Table换成XML中的根元素名称
- {
- ac.addItem(item);
- }
- dg.init(ac);
- }
- //查询出来的结果为数组,直接传递给init即可
- private function loadAcData(): void
- {
- ac=new ArrayCollection();
- //测试数据
- for (var i: int = 0 ;i< 35 ;i++)
- {
- var obj:Object=new Object();
- obj.photo_id=i.toString();
- obj.photo_name="photo" +i;
- ac.addItem(obj);
- }
- dg.init(ac);
- }
- ]]>
- </mx:Script>
- <!--设置pageSize为8 ,表示每页显示 8 条记录,不设置默认显示 10 条记录-->
- <local:kelvin_DataGrid id="dg" width= "100%" height= "100%" pageSize= "8" >
- <local:arrColumns><!--为这个标签设置DataGridColumn,指示在DataGrid上显示的列-->
- <mx:DataGridColumn headerText="id" dataField= "photo_id" />
- <mx:DataGridColumn headerText="name" dataField= "photo_name" />
- </local:arrColumns>
- </local:kelvin_DataGrid>
- </mx:Application>
发表评论
-
LocalConnection使用
2012-06-01 12:22 1160转自:http://uh.9ria.com/space-446 ... -
为什么国内的公司都不敢使用Flex作为产品的平台与主要开发语言
2011-05-07 17:35 1458转http://www.k-zone.cn/zblog/pos ... -
再谈Flash Builder、Flash Catalyst与Flash Platform
2011-05-07 17:33 1273转http://www.k-zone.cn/zblog/pos ... -
有故事的网页设计——Flash网站奇妙之旅
2011-02-09 18:39 1064[转]有故 事的网页设 ... -
翻译:理解Flash Player 9垃圾回收机制,欢迎指正
2010-04-29 23:26 915关键字: flash player 原文 Und ... -
翻译:Flash Player 9资源管理策略,欢迎指正
2010-04-29 23:25 1044关键字: flash player 原 ... -
ActionScript 3.0 程序最佳写法(二)
2010-02-25 17:01 1918本文摘译自Sean Moore撰写 ... -
深入分析Flex [Bindable] 以及使用方法
2009-11-23 16:57 1055转自:http://gain-loss.org/? ... -
Flash Player 10 Debug Version And Other Version
2009-09-07 14:57 22001、Flash Player 10 (debugger ver ... -
FLASH + JAVA 开发实时网络游戏[编程基础篇] with Socket API
2009-05-15 13:39 2296[转帖]在MyEclipse6.0中安装FLEX插件的过程 ... -
FLASH + JAVA 开发实时网络游戏[编程基础篇] with Socket API
2009-05-15 13:36 1750FLASH + JAVA 开发实时网络游戏[编程基础篇] wi ... -
Flex 开发学习笔记2 - 采用的架构 BlazeDS + Spring + Hibernate
2009-03-16 16:01 1110上篇中show了一下近期作的demo页面,现在讲一讲我使用的架 ... -
Flex 开发学习笔记2 - 采用的架构 BlazeDS + Spring + Hibernate
2009-03-16 15:53 2027自己原来的项目架构是 WebWork2 + Spring + ...
相关推荐
这个分页只与后台交互一次,然后将获得的集合在前台进行分页显示。
flex 三状态多选 自动分页DataGrid
这是一个关于flex datagrid分页,还有一个把datagrid数据导出excel的功能
flex as3.0写的关于DataGrid的分页功能,拿出来分享一下!
使用Flex开发DataGrid分页控件应用支持客户端及服务端
flex datagrid pagination, flex分页组件
Flex开发 Flex dataGrid分页技术
FLex 分页,flex编程,将datagrid 实现数据显示
flex中的datagrid的分页定位以及高亮显示
Flex创建可编辑以及分页的DataGrid,对熟悉和使用datagrid控件是一个很好的例子。
这是我自己开发的一个dataGrid分页的控件,上传的资源是一个打成包的flex项目,这个控件在查询数据时是与后台进行实时交互的,表格的表头样式是重写皮肤类进行定义的,而隔行变色是通过css来实现的。其中最重要的...
进来在搞能源监测方面的软件的界面,随便写了点例子,共大家参考!有些也是借鉴网上的资料。
自己写的分页 flex datagrid 及一些其他东西flexbuilder 项目源文件;
一个flex datagrid分页的例子
NULL 博文链接:https://ln-ydc.iteye.com/blog/1462633
这是我自己开发的一个dataGrid分页的控件,上传的资源是一个打成包的flex项目,这个控件在查询数据时是与后台进行实时交互的,表格的表头样式是重写皮肤类进行定义的,而隔行变色是通过css来实现的。其中最重要的...
flex自定义datagrid 实现复选和分页功能 flex自定义datagrid 实现复选和分页功能
flex中的datagrid是一个重量级的组建,也是数据绑定中的主要组件之一。
NULL 博文链接:https://lipbb.iteye.com/blog/1568156
flex datagrid组件的分页技术,根据自己情况稍加修改就行了,这也是本人网上搜集,希望对大家有帮助吧