`
lorry1113
  • 浏览: 265234 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex DataGrid编辑单元格并获取新的值

 
阅读更多
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
 <mx:Panel width="458" height="313" layout="absolute">
  <mx:Label id="lbl" x="19" y="10" text="" width="171" height="20"/>
  <mx:DataGrid id="dg" x="19" y="58" dataProvider="{arr}" editable="true" itemEditEnd="editHandle(event)"
    horizontalGridLines="true" horizontalGridLineColor="#B9F2C9" verticalGridLineColor="#B9F2C9">
   <mx:columns>
    <mx:DataGridColumn headerText="year" dataField="year" editable="false"/>
    <mx:DataGridColumn headerText="city" dataField="city" editable="false"/>
    <mx:DataGridColumn headerText="provice" dataField="provice" editable="false" sortable="false"/>
    <mx:DataGridColumn headerText="total" dataField="total"/>
   </mx:columns>
  </mx:DataGrid>
 </mx:Panel>
 <mx:Script>
  <![CDATA[
   import mx.controls.dataGridClasses.DataGridColumn;
   import mx.events.DataGridEvent;
   import mx.controls.Alert;
   import mx.collections.ArrayCollection;
 
   [Bindable]
   private var arr:ArrayCollection=new ArrayCollection([
   {year:2009,city:"Shanghai",provice:"上海",total:580000},
   {year:2009,city:"Beijing",provice:"河北省",total:7852020},
   {year:2009,city:"Nanjing",provice:"江苏省",total:895145},
   {year:2009,city:"Hangzhou",provice:"浙江省",total:4132415}]);
 
   private function editHandle(event:DataGridEvent):void{
    if(event.dataField=="total"){
     var cols:DataGridColumn=dg.columns[event.columnIndex];
     ///编辑前的值,没用到,只是想获得一下
     var s:String=event.itemRenderer.data.total;
     //编辑后新的值
     var newValue:String=dg.itemEditorInstance[cols.editorDataField];
     var tt:String;
     var num:Number=Number(tt);
     if(isNaN(num)){
      event.preventDefault();//恢复本来数据
      lbl.text="this is not num!";
     }else{
      lbl.text=tt;
      /*=======操作数据和数据库打交道=========*/
      /*省略*/
     }
    }
   }
   ]]>
  
</mx:Script>
</mx:Application>



http://songwensheng.iteye.com/blog/628523
分享到:
评论

相关推荐

    FLEX4 s:dataGrid单元格弹出可文本

    在给定的标题“FLEX4 s:dataGrid单元格弹出可文本”中,我们关注的是如何实现点击`DataGrid`的单元格后弹出一个自定义组件,展示更多或更详细的信息。 在Flex4中,我们可以利用事件监听和自定义组件来实现这一功能...

    datagrid合并单元格,MecGrid实现

    在本话题中,我们将深入探讨如何在Flex环境中使用`MecGrid`实现`datagrid`的单元格合并功能。 Flex是一种由Adobe开发的开源框架,用于构建富互联网应用程序(RIA)。`Datagrid`是Flex提供的一个核心组件,它允许...

    改变flex DataGrid单元格字体颜色

    本知识点将详细讲解如何根据DataGrid中的数据属性来动态改变单元格的字体颜色,以增强视觉效果并突出关键信息。 首先,我们需要了解Flex中的DataGrid工作原理。DataGrid是基于MX组件集的一部分,它通过绑定到数据...

    datagrid单元格上点击弹出窗口(官网例子)

    在标题“datagrid单元格上点击弹出窗口(官网例子)”中提到的功能,是实现用户在datagrid的某一单元格上点击时,能够弹出一个窗口以进行更详细的操作或编辑。这个功能通常用于提升用户体验,使得复杂的数据操作变得...

    Flex Datagrid checkbox实现

    Flex Datagrid 是Adobe Flex框架中用于展示数据集的组件,它允许开发者以表格形式展示数据,并提供多种交互功能。在Flex应用中,Datagrid经常被用于处理和展示大量的结构化数据。在标题“Flex Datagrid checkbox实现...

    datagrid 合并单元格

    实现datagrid单元格合并通常涉及以下几个步骤: 1. 数据准备:确保数据源已经按照需要合并的规则进行了预处理,比如添加了分组标识。 2. 配置`AdvancedDataGrid`:设置`groupField`属性,指定需要合并的字段。 3. ...

    FLEX里DataGrid单元格渲染

    某一行某一列的单元格背景或字体颜色变化,某一行某一列的单元格背景或字体颜色变化

    flex datagrid

    DataGrid 支持单元格编辑,通过 `editable` 属性启用。你可以使用 `itemEditor` 和 `itemRenderer` 自定义单元格的显示和编辑行为。 6. 拖拽操作 虽然没有在描述中明确提到,但 DataGrid 支持拖放功能,允许用户...

    flex datagrid 嵌套checkbox实现全选

    在Flex开发中,数据网格...总结,这个Flex3示例展示了如何在DataGrid中嵌套复选框并实现全选功能,这对于构建交互式的数据管理界面至关重要。通过学习和实践,开发者可以创建更灵活、用户友好的数据操作界面。

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

    在Flex开发中,DataGrid控件是用于展示数据集并进行交互操作的重要组件。它能够以表格形式显示数据,支持排序、筛选、编辑等功能,极大地增强了用户界面的交互性。本篇文章将深入探讨如何在Flex中创建一个既可编辑又...

    将Flex DataGrid数据导出到Excel中

    你可以通过遍历DataGrid的items属性来获取所有数据项,然后访问每个item的children来获取单元格值。记得只提取可见的和有数据的单元格,因为DataGrid可能包含空格或隐藏列。 2. **创建数据结构**: 将解析出的数据...

    Flex4 DataGrid控件行编辑项目

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

    Flex DataGrid 伪合并单元格实现思路

    通过重写itemRenderer,我们可以控制DataGrid单元格的内容和样式。 3. 分割数据文本 当合并单元格时,通常合并的是多行相同列的文本。因此,在自定义渲染器中,需要编写逻辑来读取当前单元格所在的行和列,以及相...

    flex 动态取单元格列名

    flex单击DataGrid,取指定单元格的值,和指定列的列名

    FLEX datagrid应用实例

    4. 用户交互:实现选中行、编辑单元格、添加新行和删除行等功能,提升用户体验。 5. 分页功能:当数据量较大时,实现分页加载,减轻客户端负担。 6. 图像显示:在DataGrid中展示图像,例如员工照片,可以通过定义...

    flex 合并单元格

    本文将围绕“Flex 合并单元格”这一主题进行深入探讨,结合给定的标签“源码”和“工具”,我们将讨论如何在Flex中实现表格(Grid)的单元格合并功能。 在Flex中,我们通常使用MX组件库中的DataGrid或Spark组件库中...

    flex DataGrid改变指定行的背景颜色

    在Flex开发中,DataGrid控件是用于展示数据表格的常用组件,它可以高效地呈现大量结构化信息。在某些情况下,我们可能需要根据特定条件改变DataGrid中的某一行或几行的背景颜色,以突出显示或者区分不同的数据状态。...

    Flex-DataGrid源码及资料

    2. 鼠标双击可编辑:在默认情况下,Flex DataGrid的单元格是只读的。为了实现鼠标双击编辑,我们需要监听GridEvent.DOUBLE_CLICK事件,并在事件触发时开启相应的单元格或行的编辑模式。这可能涉及到设置...

    flex datagrid to excel

    这可能涉及到遍历DataGrid的所有行和列,收集数据,并将它们格式化为Excel能理解的格式,如CSV(逗号分隔值)或XML Spreadsheet(XMLSS)。 3. **CSV格式**:一种简单且广泛接受的导出格式是CSV,它易于读取和写入...

    Flex DataGrid 插入子组件

    在DataGrid中插入子组件意味着将其他UI元素(如Button、TextInput等)嵌入到DataGrid的单元格或行中,这可以增强DataGrid的功能,比如添加编辑、过滤或操作功能。通过这种方式,开发者可以为用户提供更直观的交互...

Global site tag (gtag.js) - Google Analytics