<mx:DataGrid id="dataGrid" dataProvider="{listInfo.list}" width="100%" height="100%" itemEditEnd="dataGrid_itemEditEndHandler(event)" editable="true">
<mx:columns>
<mx:DataGridColumn headerText="ID" dataField="id" width="60" />
<mx:DataGridColumn headerText="是否结账" dataField="payStatus" width="100" editable="false" >
<mx:itemRenderer >
<fx:Component>
<mx:CheckBox label="{TuanConfigureContext.dataGridCashPayStatus(data)}" selected="{data.editPayStatus == TuanConfigureContext.CASH_PAY_STATUS_PAY }" paddingLeft="5" change="checkbox1_changeHandler(event)">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.DataGrid;
import mx.controls.listClasses.ListData;
import mx.core.Application;
import net.synke.admin.TuanConfigureContext;
protected function checkbox1_changeHandler(event:Event):void
{
data.editPayStatus = this.selected ? TuanConfigureContext.CASH_PAY_STATUS_PAY : TuanConfigureContext.CASH_PAY_STATUS_UNPAY;
this.setStyle("color" , (data.editPayStatus != data.payStatus) ? "#ff0000" : "#000000");
((listData.owner as DataGrid).dataProvider as ArrayCollection).refresh();
}
]]>
</fx:Script>
</mx:CheckBox>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn headerText="用户名" dataField="username" width="120" />
<mx:DataGridColumn headerText="管理员" dataField="adminUsername" width="120" />
<mx:DataGridColumn headerText="金额" dataField="money" width="120" />
<mx:DataGridColumn headerText="支付时间" dataField="createTime" width="180" labelFunction="{DataGridUtil.dateLabelFormatDateTime}" />
<mx:DataGridColumn headerText="结账时间" dataField="payStatus" width="100" labelFunction="{DataGridUtil.dateLabelFormatDateTime}" />
</mx:columns>
</mx:DataGrid>
目前没有发现更好的方法让columnRenderer与容器进行通信(例如事件),只能通过直接对数据的操作进行互相通信,也许这就是flex datagrid进行数据传递的方法吧。
分享到:
相关推荐
其中包含一个三种状态的checkbox,DataGrid代码中引用了 带多选框的DataGrid(AdvancedDataGrid) 表头有全选CheckBox,三种状态:全选、部分选择、无选择 如果改变目录结构,需要在CustomCheckBox.mxml中更改inner....
在标题“Flex Datagrid checkbox实现”中,讨论的核心是Datagrid中集成复选框(checkbox)的功能。 在Flex Datagrid中实现复选框功能,主要是通过添加一个自定义的列renderer来完成。Renderer是Datagrid中的一个小...
在Flex的DataGrid中,我们可以为每一行添加CheckBox,这样用户就可以通过点击CheckBox来选择或取消选择特定的行。这在需要多选操作的场景中非常实用,比如用户需要批量处理某些数据。 二、设置CheckBox的默认状态 ...
在Flex开发中,Datagrid是一种常用的组件,用于展示表格数据,而checkbox全选功能则是提高用户体验的一个重要特性。本文将详细讲解如何实现Flex Datagrid中checkbox的全选功能。 首先,我们要了解Flex Datagrid的...
在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于展示结构化的数据。当我们需要在数据网格中实现复选框功能,以便用户可以多选数据行时,通常会遇到两个主要需求:一是如何在标题栏添加复选框,二是如何使...
4. **Flex3环境**: 这个示例是基于Flex3开发的,这是Adobe Flex的早期版本。Flex3使用ActionScript3编程语言,支持MXML和AS3的混合编程,提供丰富的组件库和强大的数据绑定功能。 5. **代码实现**: - 首先,你...
Flex的DataGrid中使用CheckBox. 大家共同研究
"flex datagrid checkbox实现源码"这个主题就是关于如何在Flex DataGrid中集成并正确管理复选框功能的。 1. **Flex DataGrid基础** Flex DataGrid是Adobe Flex框架中的一种组件,用于显示和编辑大量结构化的数据。...
在博文《flex在DataGrid中实现checkbox全选或取消》中,作者可能详细讲解了以下步骤: 1. 创建DataGrid,并绑定数据源。 2. 添加一个CheckBox组件,作为全选/取消全选的控制。 3. 实现CheckBox的change事件监听,...
### Flex DataGrid Checkbox 全选/反选知识点详解 #### 一、概述 Flex DataGrid 控件是Adobe Flex框架中的一个重要组成部分,它提供了一个灵活的方式来展示数据列表,并且支持多种功能,如排序、分组、筛选等。在...
### 在Flex的DataGrid中使用CheckBox #### 一、引言 在Flex应用程序开发中,DataGrid 是一种常用的UI组件,用于展示数据列表,并提供了一系列的功能,如排序、过滤等。有时,为了增加用户交互性或实现特定功能,...
下面将详细解释如何在Flex中的DataGrid中实现CheckBox功能。 1. **添加CheckBox列** 要在DataGrid中添加CheckBox,首先我们需要创建一个包含复选框的新列。这可以通过定义一个自定义的Column类来完成,该类继承自...
标题"flex-带checkbox的datagrid"指的是在Flex Datagrid组件中集成复选框(checkbox)的功能。这种功能常用于多选操作,例如用户可以选择一组数据项进行批量删除、编辑或其他操作。下面将详细介绍如何在Flex中实现带...
本文将详细探讨如何在Flex的DataGrid中实现CheckBox的全选和反选功能,以及如何防止选择状态错乱的问题。 首先,我们需要创建一个自定义的DataGrid列类,这个类将扩展mx.controls.gridClasses.GridColumn,并且包含...
在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于展示和操作表格形式的数据。在实际应用中,我们经常需要在DataGrid的列中添加复选框(Checkbox),以便用户能够进行多选操作,例如全选和单选。本文将深入...
4. **配置DataGrid**:在主应用程序中,实例化DataGrid并设置其数据提供者和列。对于复选框列,我们使用我们刚创建的`CheckBoxColumn`。 ```actionscript <mx:DataGrid id="dg" dataProvider="{items}"> 选择" ...
在Flex开发中,数据网格(DataGrid)是用于展示大量结构化数据的组件,它可以提供丰富的功能,如排序、分页、编辑等。在实际应用中,我们有时需要在DataGrid的每一行中插入多个复选框(Checkbox),以便用户能够进行...
4. 数据集的正反绑定:双向绑定是Flex中常用的数据绑定模式,它可以确保UI组件和数据模型之间的同步。对于DataGrid,这意味着当用户在界面中做出更改时,这些更改会自动反映到数据集(如ArrayCollection)中,反之...
**DataGrid** 是Flex框架中的一个重要组件,用于显示数据列表。在本例中,我们使用 **DataGrid** 来展示地图上的各个图层信息。每个图层都对应着 **DataGrid** 中的一行数据。 ##### 2.1 DataGrid与图层信息结合的...
在本文中,我们将深入探讨两种在Flex或Adobe AIR应用程序中常用的组件——`DataGrid`和`AdvancedDataGrid`,特别是关于它们的CheckBox全选功能。`DataGrid`和`AdvancedDataGrid`是Flex中用于展示数据集合的强大工具...