<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300" xmlns:mydg="*">
<mx:Script>
<![CDATA[
import mx.events.ListEvent;
import mx.events.CollectionEvent;
/**//*
自定义datagrid控件元素
总共的页数
当前页面的页码
所有的记录数
当前也的记录
没有翻页的记录
*/
import mx.collections.ArrayCollection;
[Bindable]
private var mypagedata:ArrayCollection = new ArrayCollection();//当前也没种该显示的记录
[Bindable]
public var mygridcolumns:Array;
public var mydata:ArrayCollection;//所有的数据
public var pagecount:int=10;//表示每页记录的条数,默认10条,可以由用户自行定义
public var curpage:int;//当前的页码
public var totalpage:int;//一共的页数
public var totalcount:int;//一共的记录条数
public function initdata(value:ArrayCollection):void
{
//mydata.removeAll();
mydata = value;//将所有数据都赋值给mydata变量
mypagedata.removeAll();//移出当前页面中所有数据记录
if(mydata.length>0 && null!=mydata)
{
totalcount = mydata.length;
totalpage = (totalcount + pagecount - 1) / pagecount;
setPager(0);
inputpage.minimum=1;
inputpage.maximum=totalpage;
}else{
totalcount = 0;
totalpage = 0;
curpage = 0;
inputpage.minimum = 0;
inputpage.maximum = 0;
pagedetail.text = "第0页/共0页 共0条纪录";
}
}
public function setPager(value:int):void
{
if(value<0 || value>=totalpage) return;
curpage = value;
var curNum:int = value*pagecount;//计算出要跳转到的页面种的第一条记录在所有的记录种是第几条记录
mypagedata.removeAll();//移出变量中的数据,以便插入新数据,页面中显示的是这个变量中的数据
for(var i:int=0;curNum<mydata.length&&i<pagecount;i++,curNum++)
//循环的次数既要小于所有的记录数,也要小于每个页面能显示的记录数;并且curNum变量中的值也要增加
{
mypagedata.addItem(mydata.getItemAt(curNum));//依次抽取记录
}
var temp:int = curpage+1;//页码中第一张页面是0,也就是说实际显示的页码是+1后的值
pagedetail.text = "第"+temp+"页/共"+totalpage+"页 共条"+totalcount+"记录";
}
public function itemClick(e:ListEvent):ListEvent{
return e;
}
]]>
</mx:Script>
<mx:DataGrid id="cudg" dataProvider="{mypagedata}"
columns="{mygridcolumns}" width="100%" height="100%">
</mx:DataGrid>
<mx:HBox width="100%" horizontalAlign="left" verticalAlign="middle">
<!--<mx:LinkButton label="全选"/>
<mx:LinkButton label="全不选"/>-->
<mx:Spacer width="100%" height="1"></mx:Spacer>
<mx:Label text="第0页/共0页" id="pagedetail"/>
<mx:LinkButton label="首页" click="setPager(0)"/>
<mx:LinkButton label="上一页" click="setPager(curpage-1)"/>
<mx:LinkButton label="下一页" click="setPager(curpage+1)"/>
<mx:LinkButton label="末页" click="setPager(totalpage-1)"/>
<mx:NumericStepper id="inputpage" stepSize="1" minimum="0" maximum="0" cornerRadius="0"/>
<mx:LinkButton label="跳转" click="setPager(inputpage.value-1)"/>
</mx:HBox>
</mx:VBox>
分享到:
相关推荐
felx HashMap.as,自己编写的,希望对你们有所帮助
3. **Transitions和Effects**:Flex 3.0提供了TransitionManager和Effect类,用于管理组件状态之间的转换和执行效果。开发者可以通过简单的API调用来创建复杂的动画序列。 4. **3D效果**:Flex 3.0支持基本的3D转换...
Flex 3.0 API 是Adobe公司为开发富互联网应用程序(RIA)所推出的一套强大的开发工具和框架。这个API提供了丰富的组件库、编程模型以及一套完整的开发和运行时环境,使得开发者可以创建交互性强、图形丰富的Web应用...
felx高亮显示SQL语句关键字
Flex分页工具条组件是一种在Flex应用程序中实现数据分页显示的重要组件。它允许用户在大量数据中分块浏览,提高用户体验,降低一次性加载过多数据对系统资源的需求。Flex是Adobe开发的一种基于ActionScript和MXML的...
java与felx通信的例子,新手参考!
在本文中,我们将深入探讨如何使用Flex技术来创建具有渐变效果的圆环,这个过程也被称为“felx画渐变圆”。Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。它允许开发者利用MXML和...
felx嵌入到jsp 将FLEX嵌入到JSP,其实是通过JSP的TAGLIB实现的. 步骤还是蛮简单的 1:去ADOBE下载FLEX的TAGLIB for JSP. 2:将flex-webtier-jsp.jar 拷贝到WEB-INF/flex/jars 文件夹. 3:在WEB.XML中添加 <taglib-uri>...
非常好用的 felx AdvancedDataGrid 多选框 单选框支持渲染器,不需改到AdvancedDataGrid 代码; 支持 xml 数据源的网上可查到一些, 但这个可是 支持 Array 类型数据源的。
"felx能源消耗系统完整"是一个专为大中型企业设计的高效能解决方案,它着重于优化能源使用,降低能耗成本,提高企业的环保可持续性。Flex系统以其强大的介入能力,能够深入到企业的各个运营环节,实现能源管理的精细...
将FLEX嵌入到JSP,其实是通过JSP的TAGLIB实现的. 步骤还是蛮简单的 1:去ADOBE下载FLEX的TAGLIB for JSP. 2:将flex-webtier-jsp.jar 拷贝到WEB-INF/flex/jars 文件夹. 3:在WEB.XML中添加 <taglib-uri>FlexTagLib ...
### Flex学习:创建自定义事件与数据分发 在Flex编程中,事件处理是一项非常重要的技术,它使得程序能够响应用户的交互操作,并根据这些操作执行相应的逻辑。本篇将通过一个具体的实例——创建用户事件及处理器,来...
首先,我们来看“felx_Spring.zip”这个压缩包。它包含两个主要文件夹:“samples”和“factory”。"samples"文件夹通常包含了一些示例项目,用于展示如何实际操作和配置Flex与Spring的整合。这些示例可以帮助开发者...
`mx:ColumnChart`、`mx:LineChart`和`mx:PieChart`等类提供了丰富的图表选项,可以创建出美观且信息丰富的可视化效果。此外,`mx:Legend`和`mx:Axis`等组件则帮助我们更好地组织和解释数据。 分页和过滤是大型数据...
Flex是Adobe公司开发的支持RIA(Rich Internet Applications)开发和部署的技术产品,主要面向企业级的应用。借助于Flex强大功能,能够开发出增强更富有交互性和标签的用户界面。 对于初识Flex的开发者,总是对Flex...
标题中的“felx报表画斜线ReportDemo”指的是一个基于Flex技术实现的报表展示示例,其中包含了如何在报表中绘制斜线的演示。Flex是一种用于构建富互联网应用程序(RIA)的开源框架,它基于ActionScript编程语言和...
1. **创建自定义Tooltip组件**:首先,我们需要创建一个新的Flex组件,继承自`mx.controls.ToolTip`类,然后重写或扩展其属性和方法以实现自定义功能。 2. **样式定制**:使用Flex的CSS样式表来改变Tooltip的外观,...
在本文中,我们将探讨如何使用Flex实现实时数据显示,特别是对于Flex初学者来说,这是一个重要的概念。Flex是一种用于构建富互联网应用程序(RIA)的框架,它允许开发者创建具有动态交互和实时数据更新的Web应用。...
Flex客户端实现地图的热地图渲染,针对FeatureLayer,实现空间坐标点的热地图实时生成,不需要与服务端交互。
Flex提供了`JSONUtil`类(在AS3中)和`mx.rpc.json.util.JSONUtil`(在Flex框架中)来处理JSON数据的序列化和反序列化。 经典案例:Flex通过使用HTTPService或WebService组件进行远程调用,可以与后端服务器进行...