<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.logging.LogLogger;
import mx.logging.Log;
import mx.collections.ArrayCollection;
[Bindable]
private var demoArr:ArrayCollection=new ArrayCollection
([{orgName:'杭州',amt:3654,available:false},
{orgName:'嘉兴',amt:2000,available:false},
{orgName:'绍兴',amt:1000,available:false},
{orgName:'金华',amt:1200,available:false},
{orgName:'宁波',amt:1800,available:false},
{orgName:'台州',amt:560,available:false},
{orgName:'丽水',amt:2300,available:false},
{orgName:'湖州',amt:2900,available:false},
{orgName:'衢州',amt:2600,available:false},
{orgName:'温州',amt:1600,available:false},
{orgName:'舟山',amt:1300,available:false}])
//注意调用的方法是public的
public function clickEvent(o:Object):void{
Alert.show(o.amt);
}
public function multip():void{
ColumnUtil.getInstance().addCheckBox(dg1.columns[0],dg1);
ColumnUtil.getInstance().setHeadState(dg1);
}
]]>
</mx:Script>
<mx:VBox width="100%"
height="100%"
horizontalAlign="center">
<mx:DataGrid width="400"
height="500"
dataProvider="{this.demoArr}"
creationComplete="multip();"
id="dg1">
<mx:columns>
<mx:DataGridColumn id="dc1" dataField="available"/>
<mx:DataGridColumn headerText="单位">
<mx:itemRenderer>
<mx:Component>
<mx:LinkButton label="{data.orgName}"
color="blue"
textDecoration="underline"
click="outerDocument.clickEvent(data)">
</mx:LinkButton>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn headerText="金额"
dataField="amt">
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
</mx:VBox>
</mx:Application>
注意:在全选时,available非常重要,这里表示默认全不选,也可以设置默认选中部分。
分享到:
相关推荐
本文将详细讨论如何在Flex DataGrid中实现全选和反选功能,并结合`checkBox`来优化这一过程。 首先,我们要理解DataGrid的结构。DataGrid由多个列组成,每一列可能包含不同类型的控件,如文本、图像或复选框。在...
在Flex开发中,数据网格(DataGrid)是用于展示数据集合的强大组件,它允许用户以表格形式查看和操作数据。本示例关注的是在DataGrid中嵌套复选框(Checkbox),并实现全选功能。这在需要用户批量选择或操作数据的...
总结起来,实现Flex Datagrid checkbox全选功能主要涉及自定义数据列、表头渲染器和行渲染器,通过事件监听和状态同步来达到全选的效果。在实际应用中,可能还需要处理部分选中、反选等复杂逻辑,但上述步骤提供了一...
在Flex编程中,Datagrid组件是用于展示数据集的一个强大工具,它允许用户进行交互式的数据浏览和操作。"Flex Datagrid全选功能"是指在Datagrid中实现一个功能,让用户能够一键选择所有行,这在处理大量数据时非常...
### Flex DataGrid Checkbox 全选/反选知识点详解 #### 一、概述 Flex DataGrid 控件是Adobe Flex框架中的一个重要组成部分,它提供了一个灵活的方式来展示数据列表,并且支持多种功能,如排序、分组、筛选等。在...
总的来说,这个示例旨在教会开发者如何在Flex的DataGrid中实现全选功能,并且有效地管理CheckBox的选中状态。通过对DataGrid的自定义,我们可以灵活地扩展和优化这个功能,以满足不同业务需求。同时,了解和掌握这些...
在.NET框架中,Windows Forms和WPF应用中经常使用DataGrid控件来展示和操作数据。这个场景下,用户可能需要实现一个常见的功能,即在DataGrid中添加CheckBox,允许用户进行多选操作,尤其是全选功能。这篇博客“在...
特别是在数据量大且需要频繁进行批量操作的场景下,全选和取消全选的复选框功能是不可或缺的。 总之,Flex中的DataGrid结合复选框全选功能是提高用户体验的关键技术之一。通过合理的数据模型设计和事件监听,我们...
在某些应用场景下,我们可能需要在`DataGrid`的每一行添加复选框,以便用户可以多选操作,如全选和取消全选功能。下面我们将详细探讨如何实现这一功能。 首先,我们需要在`DataGrid`中添加复选框列。这可以通过...
通过分析和学习这些内容,开发者可以更好地理解和实现Flex DataGrid的前台分页功能。 总的来说,前台分页是一种提高用户体验的策略,但同时也需要谨慎处理以避免内存和性能问题。正确实现前台分页,可以使Flex ...
在Flex框架中,DataGrid是用于展示数据列表的常用组件之一。它提供了丰富的特性来处理数据,包括排序、过滤和...通过以上步骤,我们可以在Flex的DataGrid中成功实现全选和全不选功能,提升数据操作的效率和便利性。
当我们处理的数据需要进行分类或者分组时,Flex DataGrid 提供了表头分组的功能,这使得数据的展示更加有条理和易于理解。本文将详细探讨Flex DataGrid的表头分组特性及其实现方式。 首先,表头分组允许我们将数据...
在Flex应用中,Datagrid经常被用于处理和展示大量的结构化数据。在标题“Flex Datagrid checkbox实现”中,讨论的核心是Datagrid中集成复选框(checkbox)的功能。 在Flex Datagrid中实现复选框功能,主要是通过...
本文将详细探讨如何在Flex的DataGrid中实现CheckBox的全选和反选功能,以及如何防止选择状态错乱的问题。 首先,我们需要创建一个自定义的DataGrid列类,这个类将扩展mx.controls.gridClasses.GridColumn,并且包含...
flex datagrid 实现合计功能控件包 带源码,demo fxp是flex4的工程文件,导入到工作空间即可 直接导入项目即可。 更多访问我的blog www.dplayer.net
DataGrid全选实例,rar前加个".",如“DataGrid.rar”
本文将详细探讨如何在Flex4的List组件上实现全选和反选功能。 首先,我们需要了解Flex4 List的基本结构。List组件通过数据Provider(通常是ArrayCollection或XMLListCollection)来存储和显示数据。每个数据项对应...
Flex DataGrid是一个强大的数据展示组件,它在Adobe Flex框架中被广泛使用,用于显示和操作大量结构化的数据。这个组件提供了灵活的布局选项,可定制的列格式化,以及丰富的用户交互功能,如排序、筛选和编辑。...
在Flex客户端,你需要遍历DataGrid的所有行和列,收集其显示的数据。你可以通过遍历DataGrid的items属性来获取所有数据项,然后访问每个item的children来获取单元格值。记得只提取可见的和有数据的单元格,因为...
现在,你已经具备了实现DataGrid全选功能和获取选中条目数的能力。这个功能对于用户交互和数据操作提供了很大的便利。在实际项目中,你可以根据需求进行适当的优化,例如添加异步处理或错误处理机制。同时,注意在...