0 0

Flex datagrid带有分页功能,如果获取不同页的选中项?5

datagrid带有分页功能,如果获取不同页的选中项?
2013年9月11日 11:14

2个答案 按时间排序 按投票排序

0 0

给你一个案例吧~~

	[Bindable]
           public var pageSize:int;//每页显示行数
			
			[Bindable]
           private var currentPage:int;//当前页
           
           	[Bindable]
           public var totalRecord:int=0;//总记录数
   			
   			[Bindable]
           private var totalPage:int=0;//总页数
   			
           [Bindable]
           public var currData:Array;//列表数据
			
           [Bindable]
           public var arrColumns:Array;//DataGrid列,在调用时需要为这个数组设置数据

 //分页数据加载
           private function loadData(pageNum:int):void{
           		if(this.ite!=null){
           			ite._data.cloumnSelected = false;
           			this.dataGrid.arrColl.removeAll();
           		}
           		
           		this.param.currPage = pageNum; //跳转页码
           		this.param.pageSize = this.pageSize; //页显示数量
           		HessianServiceInvoker.getInstance().invoke(this.serviceName, this.methodName, this.param, callBackHandler);
           }
           
           //回调
           private function callBackHandler(event:HessianResultEvent):void{
           		
           		var page:Object = event.result as Object;
           		init(page, this.serviceName, this.methodName, this.param);
           }
           	//刷新当前datagrid
	        public function refleshGrid():void{
	           		
	           	this.param.currPage = this.currentPage; //跳转页码
	           	this.param.pageSize = this.pageSize; //页显示数量
	           	HessianServiceInvoker.getInstance().invoke(this.serviceName, this.methodName, this.param, callBackHandler);
	        }


<mx:VBox width="100%" height="100%" verticalGap="0" horizontalAlign="center" backgroundColor="white">

       <ui:MyDataGrid id="dataGrid" width="100%"  height="100%" rowHeight="30" editable="false" dataProvider="{currData}" columns="{arrColumns}" styleName="myGrid"/>
       <mx:HBox backgroundColor="#f3fafe" cornerRadius="0" borderStyle="solid" borderSides="[top]" horizontalAlign="right" verticalAlign="middle" width="100%" >
            <mx:Text text="{'  第'+(totalPage>0?(currentPage):0)+'页/共'+totalPage+'页'+'  共'+totalRecord+'条记录'}"/>
           <mx:LinkButton id="lbtnFirst" label="首页" color="#059405" click="loadData(1)" enabled="{lbtnPrevious.enabled}"/>
           <mx:LinkButton id="lbtnPrevious" label="上一页" color="#059405" click="loadData(currentPage - 1)" enabled="{currentPage>1?true:false}"/>
           <mx:LinkButton id="lbtnNext" label="下一页" color="#059405" click="loadData(currentPage + 1);" enabled="{totalPage>currentPage?true:false}"/>
           <mx:LinkButton id="lbtnLast" label="尾页" color="#059405" click="loadData(totalPage);" enabled="{lbtnNext.enabled}"/>
           <mx:NumericStepper id="nsPageNum" stepSize="1" minimum="1" maximum="{totalPage}" enabled="{lbtnJump.enabled}" cornerRadius="0"/>
           <mx:LinkButton id="lbtnJump" label="跳转" color="#059405" click="loadData(nsPageNum.value);" enabled="{totalPage>1?true:false}"/>
       </mx:HBox>

    </mx:VBox>

2013年9月12日 15:04
0 0

在as脚本中声明一个ArrayCollection,选中grid的某条列表时添加到Arraycollection中,翻页后选中添加,需要的时候从里面取出来就可以了

2013年9月11日 16:25

相关推荐

    flex datagrid 前台 分页

    通过分析和学习这些内容,开发者可以更好地理解和实现Flex DataGrid的前台分页功能。 总的来说,前台分页是一种提高用户体验的策略,但同时也需要谨慎处理以避免内存和性能问题。正确实现前台分页,可以使Flex ...

    Flex DataGrid 分页

    在给出的标签"源码"和"工具"中,我们可以推断出这篇博客可能提供了自定义分页组件的源代码,或者介绍了如何利用现有工具来实现Flex DataGrid的分页功能。PagerBar.mxml可能是博主创建的一个自定义分页条组件,它包含...

    flex datagrid 分页控件源码

    在Flex中,我们可以通过设置DataGrid的数据源的`pagination`属性来启用分页功能,并配置分页参数,如每页显示的记录数(`pageSize`)。 3. **源码解析** 源码中可能包含以下几个关键部分: - **Pagination组件**:...

    Flex中DataGrid分页源码

    总的来说,Flex AS3.0中的DataGrid分页功能涉及数据处理、用户交互、性能优化等多个方面,是构建高效且用户友好的数据展示应用的关键技术。通过学习和实践,你可以掌握这一技能,为你的项目增添强大的数据展示能力。

    flex datagrid分页 动态绑定数据源

    分页功能使得用户可以在不一次性加载所有数据的情况下浏览数据集,减轻了服务器的负担并提升了用户体验。在Flex中,我们可以通过设置Datagrid的pageSize属性和实现IList接口的数据源来实现分页。 动态绑定数据源是...

    WPF DataGrid分页功能

    在本文中,我们将深入探讨如何在WPF的`DataGrid`中实现分页功能。 首先,我们要理解`DataGrid`的基本用法。`DataGrid`控件可以直接绑定到数据源,如`ObservableCollection`或`ICollectionView`,它会自动根据数据源...

    Flex Datagrid checkbox实现

    Flex Datagrid 是Adobe Flex框架中用于展示数据集的组件,它允许开发者以表格形式展示数据,并提供多种交互功能。在Flex应用中,Datagrid经常被用于处理和展示大量的结构化数据。在标题“Flex Datagrid checkbox实现...

    flex datagrid 嵌套checkbox实现全选

    DataGrid支持排序、分页、筛选等功能,是UI设计中处理大量数据的首选组件。 2. **嵌套复选框(Checkbox)**: 在DataGrid的每个单元格内嵌入复选框,可以为用户提供多选操作的界面。通过监听复选框的事件,可以...

    Flex Datagrid全选功能

    "Flex Datagrid全选功能"是指在Datagrid中实现一个功能,让用户能够一键选择所有行,这在处理大量数据时非常有用。下面我们将详细探讨如何在Flex中实现Datagrid的全选功能。 1. **Datagrid组件**: Datagrid是Adobe ...

    flex 的datagrid分页

    Flex是Adobe公司开发的一种富互联网应用(RIA)开发框架,用于构建具有动态图形、交互性和数据可视化功能的Web应用程序。...在开发过程中,不断学习和实践,结合实际需求,可以进一步提升Flex DataGrid的分页功能。

    Flex创建可编辑以及分页的DataGrid

    本篇文章将深入探讨如何在Flex中创建一个既可编辑又具有分页功能的DataGrid。 首先,我们需要导入必要的库和类。在Flex项目中,`mx.controls.DataGrid` 是核心的DataGrid类,而`mx.controls.PagingControl` 和 `mx....

    flex datagrid分页

    Flex DataGrid是一款在Adobe Flex应用中广泛使用的组件,用于展示数据集并进行数据操作,如排序、筛选和分页。...通过灵活运用Flex的分页功能,可以提升大数据量应用的性能,同时改善用户对复杂数据的浏览体验。

    Flex dataGrid 全选、反选

    本文将详细讨论如何在Flex DataGrid中实现全选和反选功能,并结合`checkBox`来优化这一过程。 首先,我们要理解DataGrid的结构。DataGrid由多个列组成,每一列可能包含不同类型的控件,如文本、图像或复选框。在...

    flex 三状态多选 自动分页DataGrid

    DataGrid不直接内置分页功能,但可以通过结合使用PagingNavigator或CustomPaging实现。 - 用户可以根据每页显示的数据数量和总数据量动态计算并显示页码,同时需要监听页码改变的事件来重新加载对应页的数据。 - ...

    flex datagrid 实现合计功能控件包

    flex datagrid 实现合计功能控件包 带源码,demo fxp是flex4的工程文件,导入到工作空间即可 直接导入项目即可。 更多访问我的blog www.dplayer.net

    DataGrid绑定数据分页出错

    - 检查是否有其他控件或脚本干扰了DataGrid的分页功能。 - 考虑到DataGrid的复杂性,建议检查是否有其他配置或脚本可能影响到它的行为。 通过以上步骤,我们可以逐步排查并解决“DataGrid绑定数据分页出错”的...

    DataGrid的用户分页控件

    然而,标准的DataGrid控件通常不直接支持用户分页,因此开发者经常需要自定义分页功能来提升用户体验。标题提到的"DataGrid的用户分页控件"就是针对这一需求的解决方案,它提供了简洁的API,让开发者能够快速实现...

    flex DataGrid 表头分组

    当我们处理的数据需要进行分类或者分组时,Flex DataGrid 提供了表头分组的功能,这使得数据的展示更加有条理和易于理解。本文将详细探讨Flex DataGrid的表头分组特性及其实现方式。 首先,表头分组允许我们将数据...

Global site tag (gtag.js) - Google Analytics