`

flex——双击datagrid编辑、验证、保存

    博客分类:
  • Flex
阅读更多

DataGrid默认是单击修改,太不方便。根据http://blog.chinaunix.net/u/21684/showart_971710.html中的方法,可以实现双击修改datagrid中的数据。写的挺猛,重写了双击事件。

 

但修改完成,要存入数据库吧,弄不好还要验证!这篇博客提供了方法啊:

 

example

 

源代码

 

写的非常好的。

 

主要是用了datagrid的 itemEditBeginning="onEditBeginning(event)" 和 itemEditEnd="onEditEnd(event)" 方法,这样修改后就可以使用itemEditEnd事件来进行验证、保存onEditEnd是在修改一个datagrid单元格离开时触发。如果你想编辑完datagrid中的一行,再保存数据。那就要用到DataGridEventReason了, 那什么是DataGridEventReason呢。帮助中有,已摘抄在下面。

 

private function onEditEnd(event:DataGridEvent):void{

     ....这里可以加判断或者验证语句

     //if语句表示当焦点移动到新行,或者DataGrid失去焦点时才保存数据

     if(event.reason == DataGridEventReason.NEW_ROW || event.reason == DataGridEventReason.OTHER){保存到数据库中的语句}

......

}

 

错误提示可以用:

<mx:Style>

.errorTip{   
    fontSize:12px;   
    border-color:#333333;//注意背景颜色需要设置border-color;   

</mx:Style>

 

来修改样式。



 

 DataGridEventReason

 

 

mx.events
Class public final class DataGridEventReason
继承 DataGridEventReason  Object

 

 

 

DataGridEventReason 类定义 type 属性为 itemEditEnd 时,代表 DataGridEvent 对象的 reason 属性值的常数。

 

常量  
    CANCELLED : String = "cancelled"
[] 指定用户取消了编辑,并且不希望保存已编辑的数据。
DataGridEventReason
    NEW_COLUMN : String = "newColumn"
[] 指定用户已将焦点移到同一行中的新列。
DataGridEventReason
    NEW_ROW : String = "newRow"
[] 指定用户已将焦点移到新行。
DataGridEventReason
    OTHER : String = "other"
[] 指定 list 控件失去焦点、已滚动,或者由于某种原因处于不允许编辑的状态。

 

这样就好做了。

 

 

补充:http://blog.l4cd.net/post-datagrid-focus-change.html(可以自定义编辑顺序)

 

  • 大小: 17.8 KB
分享到:
评论
4 楼 guomi_java 2012-05-07  
请问 如果列我用itemrender填充TextInput怎么才能实现上面的功能啊
3 楼 czwlucky 2009-09-18  
为了找grid上实现校验效果,我又转回来了,呵呵。

看了源代码,发现在校验完毕后,如果校验产生错误信息时已经将退出编辑事件给禁止了,不知道调用maintainEdit是何意? 我试了试效果,发现如果校验不通过,只要焦点还在grid上面可编辑单元格就不会转到别处去。
2 楼 avanry 2009-08-26  
czwlucky 写道
貌似并不是双击编辑呀

看开篇的第一句话...
1 楼 czwlucky 2009-08-26  
貌似并不是双击编辑呀

相关推荐

    Flex实践——Datagrid的打印预览与打印

    本文将围绕“Flex实践——Datagrid的打印预览与打印”这一主题,深入探讨如何在Flex应用中实现数据网格控件Datagrid的打印功能,包括预览和实际打印操作。 首先,Datagrid是Flex中一个非常重要的组件,它用于展示二...

    Flex4 DataGrid控件行编辑项目

    在Flex4.6中,DataGrid支持两种编辑模式:cell editing(单元格编辑)和row editing(行编辑)。这个项目主要涉及后者,允许用户一次编辑整行数据。 二、ComboBox控件嵌入 ComboBox控件是一个下拉列表选择框,用户...

    FLEX的datagrid合计、平均值

    在Flex开发中,Datagrid组件是用于展示数据集的一个强大工具,它允许用户以表格的形式查看和操作数据。本文将深入探讨如何在Flex的Datagrid中实现数据的合计与平均值计算,帮助开发者更好地理解和应用这些功能。 ...

    flex组件之DataGrid高级用法实例源码

    同时,DataGrid可以配置为可编辑,通过editable属性控制,配合itemEditBegin、itemEditEnd事件,可以实现数据验证和保存。 5. **扩展功能** - **分组功能**:通过设置groupField属性,DataGrid可以对数据进行分组...

    Flex4之DataGrid四个的示例【客户端和服务器端】

    DataGrid是Flex中用于显示和编辑结构化数据的组件,它可以显示多行和多列的数据,并且支持排序、选择和编辑功能。在Flex4中,DataGrid有了更多的定制选项和性能优化,使得它在处理大量数据时更为高效。 2. **...

    flex中的datagrid的分页定位以及高亮显示

    在Flex开发中,`Datagrid`组件是一种常用的展示数据列表的控件,而分页和数据高亮显示是提升用户体验的重要功能。本篇主要探讨如何在Flex的`Datagrid`中实现分页定位和高亮显示。 首先,分页定位涉及的主要任务是...

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

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

    Flex中组件datagrid导出Excel

    本主题将深入探讨如何在Flex中实现组件DataGrid的数据导出功能,使其能够生成Excel文件供用户下载和处理。 DataGrid是Flex中常用的一个组件,它用于展示结构化数据,通常用于表格形式的展示。在Flex中,我们可以...

    flex动态生成datagrid表头

    在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于显示二维表格数据。它能够灵活地处理大量数据,并提供排序、筛选等多种功能。而动态生成DataGrid表头则是在运行时根据数据源来创建列,这在处理未知数量或...

    flex中dataGrid导出数据到excel中

    flex中dataGrid导出数据到excel中,不存在乱码问题

    c# WPF中通过双击编辑DataGrid中Cell的示例(附源码).docx

    在C# WPF开发中,有时我们需要实现DataGrid控件的单元格(Cell)双击编辑功能,以便用户可以直接在表格内编辑数据并保存。原生的WPF DataGrid并未直接提供这一特性,但可以通过扩展或第三方库实现。在这个示例中,...

    Flex动态创建DataGrid设置图片

    在Flex开发中,DataGrid控件是用于展示数据集的常用组件,它可以显示多行多列的数据,并且具有丰富的自定义功能。本教程主要聚焦于如何在Flex中动态创建DataGrid,并向其中添加图片,这在创建交互式、富媒体应用时...

    Flex 动态给DataGrid增加行

    Flex 动态给DataGrid增加行,可编辑行数据

    FLEX强大的datagrid

    在Flex开发中,`DataGrid`控件是一个非常重要的组件,它用于展示数据集,并允许用户进行交互操作,如排序、选择和编辑。标题提到的“FLEX强大的datagrid”指的是对Flex原生`DataGrid`组件的功能增强或优化,使其具有...

    Flex4 DataGrid表格操作

    Flex4 DataGrid表格操作,表格回车事件默认是换行,这里修改为换单元格,单元格轮完换行。支持上下左右和回车键控制光标位置,还添加了"+","-"按钮,用于控制添加行和删除选中的行。

    WPF之DataGrid验证

    DataGrid是WPF中用于显示和编辑表格数据的重要组件。在实际应用中,确保用户输入的数据有效和正确至关重要,因此,数据验证功能必不可少。 首先,我们来理解WPF中的验证机制。WPF使用数据绑定机制将视图(UI)与...

    Flex教程之DataGrid用法

    ### Flex教程之DataGrid用法详解 #### 一、引言 在Flex开发中,`DataGrid`是一个非常重要的UI组件,它能够以表格形式展示数据集合,支持数据的排序、筛选等功能。本文将详细介绍Flex中`DataGrid`控件的使用方法,...

Global site tag (gtag.js) - Google Analytics