网上关于flex4.5的DataGrid例子很少,自己做的时候也遇到了很多问题。
应用程序中的DataGrid:(要用自定义的itemEditor)
<s:DataGrid id="osinfoData" width="100%" height="100%" alternatingRowColors="[#eeffff,#ffffff]" editable="true" dataProvider="{infoproperties}">
<s:columns>
<s:ArrayList>
<s:GridColumn headerText="名称" dataField="name" editable="false"/>
<s:GridColumn headerText="值" dataField="value" editable="true" itemEditor="com.control.itemeditor.DataGridEditItemEditor"/>
</s:ArrayList>
</s:columns>
</s:DataGrid>
infoproperties列表格式:(edit控制该行是否可编辑)
var infoproperties:ArrayCollection=new ArrayCollection();
infoproperties.addItem({name:"id",value:"1",edit:false});
infoproperties.addItem({name:"名称",value:"1",edit:true});
infoproperties.addItem({name:"xml名称",value:"1",edit:true});
infoproperties.addItem({name:"注释",value:"1",edit:true});
infoproperties.addItem({name:"创建时间",value:"2012-10-12 08:00:00",edit:false});
infoproperties.addItem({name:"创建人",value:"me",edit:false});
infoproperties.addItem({name:"最后修改时间",value:"2012-10-12 08:00:00",edit:false});
infoproperties.addItem({name:"最后修改人",value:"me",edit:false});
自定义DataGridEditItemEditor.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:GridItemEditor xmlns:fx=http://ns.adobe.com/mxml/2009 xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true">
<fx:Script>
<![CDATA[
public var newValue:String;
override public function set data(value:Object):void{
super.data=value;
txt.text=data.value;
txt.editable=data.edit;
}
]]>
</fx:Script>
<s:TextInput id="txt" alpha="1" width="100%" height="100%" change="super.value = txt.text" updateComplete="newValue=txt.text;"/>
</s:GridItemEditor>
注意:txt.text,和txt.editable要在set data时设置,写在TextInput标签里,初始化的时候data是null,取不到其中的值
分享到:
相关推荐
DataGrid作为Flex4.5中的一个核心组件,在实际应用中极为常见,尤其是在需要展示结构化数据的情况下更是不可或缺。例如在用户信息管理、账目明细展示、数据统计等场景中,DataGrid都能提供一种直观且有序的方式来...
本教程将详细介绍如何在Flex 4.5中实现Tree组件与任意组件之间的拖放操作,特别是将树形结构的数据拖拽到DataGrid中,并获取目标位置的全部数据进行添加。 1. **Flex 4.5的DragManager和DropTarget** Flex 4.5中的...
### Flex4.5常见问题总结 #### 一、Flex4.5组件开发模型与特性 Flex4.5采用了一种基于组件的开发模型,开发者可以通过继承现有组件并扩展其功能来构建自己的应用程序。这一模型的核心优势在于提高了代码的复用性,...
总结,改变Flex DataGrid中某一行的背景颜色通常涉及自定义ItemRenderer、使用CSS样式或者监听事件。选择哪种方法取决于具体需求,如是否需要复杂逻辑、性能要求以及代码可维护性等因素。通过这些技术,我们可以使...
在Flex4.6中,DataGrid支持两种编辑模式:cell editing(单元格编辑)和row editing(行编辑)。这个项目主要涉及后者,允许用户一次编辑整行数据。 二、ComboBox控件嵌入 ComboBox控件是一个下拉列表选择框,用户...
本知识点将详细介绍如何在Flex 4.5环境中将Excel和CSV文件导入到DataGrid中,以及如何自定义DataGrid选中行的右键菜单,从而提升用户界面的交互性和实用性。 首先,我们需要了解Flex 4.5中的DataGrid组件。DataGrid...
在Flex开发中,Datagrid组件是用于展示数据集的一个强大工具,它允许用户以表格的形式查看和操作数据。本文将深入探讨如何在Flex的Datagrid中实现数据的合计与平均值计算,帮助开发者更好地理解和应用这些功能。 ...
flex中dataGrid导出数据到excel中,不存在乱码问题
在某些情况下,我们可能需要根据特定条件改变DataGrid中的某一行或几行的背景颜色,以突出显示或者区分不同的数据状态。本篇文章将详细探讨如何在Flex中实现这一功能。 首先,我们需要理解DataGrid的基本结构。...
Flex4 DataGrid表格操作,表格回车事件默认是换行,这里修改为换单元格,单元格轮完换行。支持上下左右和回车键控制光标位置,还添加了"+","-"按钮,用于控制添加行和删除选中的行。
本篇文章将深入探讨如何在Flex中创建一个既可编辑又具有分页功能的DataGrid。 首先,我们需要导入必要的库和类。在Flex项目中,`mx.controls.DataGrid` 是核心的DataGrid类,而`mx.controls.PagingControl` 和 `mx....
在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于展示结构化的数据。当我们需要在列头上添加更丰富的交互功能,例如组合框(ComboBox)来进行过滤操作时,就需要自定义列头。这个主题——"flex 自定义 ...
Flex 动态给DataGrid增加行,可编辑行数据
本文将深入探讨如何在Flex的DataGrid中实现每行的修改和删除功能,以及相关源码和工具的运用。 **1. DataGrid组件基础** Flex中的DataGrid组件是MX组件库的一部分,它能够显示数据集合,并且支持排序、分页和选择等...
在Flex开发中,"flex下拉dataGrid"是一种常见的用户界面组件组合,它结合了下拉菜单(Dropdown)和数据网格(DataGrid)的功能,用于提供丰富的数据选择体验。这样的设计通常用于当用户需要从一个较大的数据集合中...
Flex 4.5 是 Adobe 的一个开放源代码框架,用于构建富互联网应用程序(RIA),它提供了强大的组件库和丰富的用户体验。在本项目中,“flex4.5httpservice实现搜狐焦点图新闻和特效按钮皮肤制作”涉及到的核心技术是 ...
Flex的DataGrid中使用CheckBox. 大家共同研究
2. 鼠标双击可编辑:在默认情况下,Flex DataGrid的单元格是只读的。为了实现鼠标双击编辑,我们需要监听GridEvent.DOUBLE_CLICK事件,并在事件触发时开启相应的单元格或行的编辑模式。这可能涉及到设置...
在Flex开发中,数据网格(DataGrid)是用于展示大量结构化数据的常用组件。它允许用户以表格的形式查看和操作数据。当我们处理的数据需要进行分类或者分组时,Flex DataGrid 提供了表头分组的功能,这使得数据的展示...