`
szm
  • 浏览: 7417 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

Flex 4 DataGrid 的 checkbox

    博客分类:
  • flex
阅读更多
<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进行数据传递的方法吧。
分享到:
评论

相关推荐

    Flex4 带checkbox的DataGrid

    其中包含一个三种状态的checkbox,DataGrid代码中引用了 带多选框的DataGrid(AdvancedDataGrid) 表头有全选CheckBox,三种状态:全选、部分选择、无选择 如果改变目录结构,需要在CustomCheckBox.mxml中更改inner....

    Flex Datagrid checkbox实现

    在标题“Flex Datagrid checkbox实现”中,讨论的核心是Datagrid中集成复选框(checkbox)的功能。 在Flex Datagrid中实现复选框功能,主要是通过添加一个自定义的列renderer来完成。Renderer是Datagrid中的一个小...

    Flex DataGrid CheckBox 一个简单的全选

    在Flex的DataGrid中,我们可以为每一行添加CheckBox,这样用户就可以通过点击CheckBox来选择或取消选择特定的行。这在需要多选操作的场景中非常实用,比如用户需要批量处理某些数据。 二、设置CheckBox的默认状态 ...

    flex Datagrid checkbox全选

    在Flex开发中,Datagrid是一种常用的组件,用于展示表格数据,而checkbox全选功能则是提高用户体验的一个重要特性。本文将详细讲解如何实现Flex Datagrid中checkbox的全选功能。 首先,我们要了解Flex Datagrid的...

    flex datagrid 标题栏添加 checkbox 和 数据行 checkbox 连动

    在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于展示结构化的数据。当我们需要在数据网格中实现复选框功能,以便用户可以多选数据行时,通常会遇到两个主要需求:一是如何在标题栏添加复选框,二是如何使...

    flex datagrid 嵌套checkbox实现全选

    4. **Flex3环境**: 这个示例是基于Flex3开发的,这是Adobe Flex的早期版本。Flex3使用ActionScript3编程语言,支持MXML和AS3的混合编程,提供丰富的组件库和强大的数据绑定功能。 5. **代码实现**: - 首先,你...

    Flex的DataGrid中使用CheckBox

    Flex的DataGrid中使用CheckBox. 大家共同研究

    flex datagrid checkbox实现源码

    "flex datagrid checkbox实现源码"这个主题就是关于如何在Flex DataGrid中集成并正确管理复选框功能的。 1. **Flex DataGrid基础** Flex DataGrid是Adobe Flex框架中的一种组件,用于显示和编辑大量结构化的数据。...

    flex在DataGrid中实现checkbox全选或取消

    在博文《flex在DataGrid中实现checkbox全选或取消》中,作者可能详细讲解了以下步骤: 1. 创建DataGrid,并绑定数据源。 2. 添加一个CheckBox组件,作为全选/取消全选的控制。 3. 实现CheckBox的change事件监听,...

    flex datagrid checkbox 全选/反选

    ### Flex DataGrid Checkbox 全选/反选知识点详解 #### 一、概述 Flex DataGrid 控件是Adobe Flex框架中的一个重要组成部分,它提供了一个灵活的方式来展示数据列表,并且支持多种功能,如排序、分组、筛选等。在...

    在Flex的DataGrid中使用CheckBox

    ### 在Flex的DataGrid中使用CheckBox #### 一、引言 在Flex应用程序开发中,DataGrid 是一种常用的UI组件,用于展示数据列表,并提供了一系列的功能,如排序、过滤等。有时,为了增加用户交互性或实现特定功能,...

    Flex DataGrid checkBox

    下面将详细解释如何在Flex中的DataGrid中实现CheckBox功能。 1. **添加CheckBox列** 要在DataGrid中添加CheckBox,首先我们需要创建一个包含复选框的新列。这可以通过定义一个自定义的Column类来完成,该类继承自...

    flex-带checkbox的datagrid

    标题"flex-带checkbox的datagrid"指的是在Flex Datagrid组件中集成复选框(checkbox)的功能。这种功能常用于多选操作,例如用户可以选择一组数据项进行批量删除、编辑或其他操作。下面将详细介绍如何在Flex中实现带...

    Flex中DataGrid内嵌CheckBox的全选反选和防止选择状态错乱实现方法

    本文将详细探讨如何在Flex的DataGrid中实现CheckBox的全选和反选功能,以及如何防止选择状态错乱的问题。 首先,我们需要创建一个自定义的DataGrid列类,这个类将扩展mx.controls.gridClasses.GridColumn,并且包含...

    怎样在flex的datagrid中运用checkbox

    在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于展示和操作表格形式的数据。在实际应用中,我们经常需要在DataGrid的列中添加复选框(Checkbox),以便用户能够进行多选操作,例如全选和单选。本文将深入...

    flex的dataGrid添加复选框(checkBox)

    4. **配置DataGrid**:在主应用程序中,实例化DataGrid并设置其数据提供者和列。对于复选框列,我们使用我们刚创建的`CheckBoxColumn`。 ```actionscript &lt;mx:DataGrid id="dg" dataProvider="{items}"&gt; 选择" ...

    flex datagrid插入多列Checkbox应用实例

    在Flex开发中,数据网格(DataGrid)是用于展示大量结构化数据的组件,它可以提供丰富的功能,如排序、分页、编辑等。在实际应用中,我们有时需要在DataGrid的每一行中插入多个复选框(Checkbox),以便用户能够进行...

    Flex-DataGrid源码及资料

    4. 数据集的正反绑定:双向绑定是Flex中常用的数据绑定模式,它可以确保UI组件和数据模型之间的同步。对于DataGrid,这意味着当用户在界面中做出更改时,这些更改会自动反映到数据集(如ArrayCollection)中,反之...

    OpenScales图层控制 DataGrid checkBox

    **DataGrid** 是Flex框架中的一个重要组件,用于显示数据列表。在本例中,我们使用 **DataGrid** 来展示地图上的各个图层信息。每个图层都对应着 **DataGrid** 中的一行数据。 ##### 2.1 DataGrid与图层信息结合的...

    DataGrid和AdvancedDataGrid CheckBox全选功能

    在本文中,我们将深入探讨两种在Flex或Adobe AIR应用程序中常用的组件——`DataGrid`和`AdvancedDataGrid`,特别是关于它们的CheckBox全选功能。`DataGrid`和`AdvancedDataGrid`是Flex中用于展示数据集合的强大工具...

Global site tag (gtag.js) - Google Analytics