`

mx_internal_uid的在数据传递时的重复解决方法 - 两个datagrid直接拖拽复制数据

    博客分类:
  • flex
阅读更多

我们首先了解一下【mx_internal_uid】的概念:

uid : String---The unique identifier for this object


UID 它一共有32位,其中通过 ActionScript's Math.random()来产生24位,后面的8位是current date-time来决定的 ,所以只要不要有中彩票的运气(24位的Math.random(),足球彩票才14场猜0.1.3...),再加上时间不停止,所以它无论如何也是在这 世界上是唯一的 。

当我们对2个DataGrid进行传递信息直接的通信时候,我们会常常这么做:



<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script>

<![CDATA[

import mx.utils.UIDUtil;

import mx.collections.ArrayCollection;

[Bindable]

public var dataArr:Array = [{label:"Red", data:"#FF0000"},

{label:"Green", data:"#00FF00"},

{label:"Blue", data:"#0000FF"}

];

[Bindable]

public var problemArr:Array = new Array();

private function addFromTopDG():void {

problemArr.push(fromDG.selectedItem);
//problemArr.push(ObjectUtil.copy(fromDG.selectedItem));

toDG.dataProvider = problemArr;



}

]]>

</mx:Script>

<mx:DataGrid id="fromDG" width="600" height="200" dataProvider="{dataArr}">

<mx:columns>

<mx:Array>

<mx:DataGridColumn width="300" dataField="mx_internal_uid"/>

<mx:DataGridColumn dataField="label"/>

<mx:DataGridColumn dataField="data"/>

</mx:Array>

</mx:columns>

</mx:DataGrid>

<mx:Button label="Add from Top_DG" click="addFromTopDG()"/>

<mx:DataGrid id="toDG" width="600" height="200" dataProvider="{problemArr}">

<mx:columns>

<mx:Array>

<mx:DataGridColumn width="300" dataField="mx_internal_uid"/>

<mx:DataGridColumn dataField="label"/>

<mx:DataGridColumn dataField="data"/>

</mx:Array>

</mx:columns>

</mx:DataGrid>

</mx:Application>


这时候我们会发现很奇怪的事情发生了,当我们对fromDG数据连续传输到toDG的时候,toDG的数据如果是相同的情况(如很多个Red),我们发现对数据我们用鼠标无法聚焦,仔细一看,原来是【mx_internal_uid】一样呀,从中,我们可以了解以下信息:

1.因为引用关系一直存在,所以传过来的东西是一直一样的。如果把toDG放在一个TitleWindow里传一次再关一次,即削除引用关系,它是没有问题的。

2.就算是ObjectUtil.copy(obj),只要在引用关系还存在的情况下,它copy出来的uid竟然是一样的。那么这样的话Adobe要不要考虑一下重写这个方法呢?毕竟我要的只是里面的值一样而不要把UID一起传过来啊。


解决方法:


合理利用UIDUtil这个类为我们创造合理的UID。




private function addFromTopDG():void {

var obj:Object = ObjectUtil.copy(fromDG.selectedItem);

obj.mx_internal_uid = UIDUtil.createUID();


//这里千万不要直接fromDG.selectedItem.mx_internal_uid = UIDUtil.createUID();

//因为上面说过这样引用关系还存在。

(toDG.dataProvider as ArrayCollection).addItem(obj);

obj = null;//这个就靠自己的CODE 风格啦,不要也没关系


恩,这样问题就解决啦。
分享到:
评论

相关推荐

    easyui-datagrid之间拖拽效果demo

    "easyui-datagrid 之间拖拽效果 demo" 重点展示了如何在两个 EasyUI Datagrid 之间实现数据的拖放功能,这对于提升用户体验,尤其是处理大量数据时的交互性至关重要。 首先,Datagrid 是 EasyUI 提供的一种表格控件...

    C# WPF DataGrid行拖拽顺序交换

    在C# WPF环境中,DataGrid控件是一个非常强大的数据展示和编辑工具,它允许用户以表格形式查看和操作数据。在开发过程中,有时我们需要实现一个功能,即允许用户通过拖拽行来改变DataGrid中数据的显示顺序。这个功能...

    jeasyui-datagrid-datagrid

    JeasyUI DataGrid支持两种数据绑定方式:静态数据和动态数据。静态数据可以直接在JavaScript中定义,动态数据则通常通过Ajax从服务器获取。例如,使用`url`选项指定服务器接口,DataGrid会自动发送请求获取数据。 ...

    DataGrid 数据的拖动

    在这段代码中,可以看到有两个DataGrid组件,它们都被配置了`dropEnabled`、`dragEnabled`和`dragMoveEnabled`属性为`true`,这意味着两个DataGrid都支持拖拽数据的功能。具体而言: - 第一个DataGrid的数据源为`{...

    EasyUI-1.Datagrid 数据网格

    Datagrid 是 EasyUI 的一个重要组件,它是一个数据表格控件,可以用来展示大量结构化的数据,并提供排序、分页、筛选、编辑等功能,极大地提高了用户体验。 在 `...

    WPF DataGrid数据复制

    在Windows Presentation Foundation (WPF) 中,`DataGrid` 是一个强大的控件,常用于显示和编辑表格数据。本项目“WPF DataGrid数据复制”着重于实现`DataGrid`中的数据复制功能,特别是在Visual Studio 2013环境下...

    WPF中DataGrid主从数据(父子数据)展示

    在处理复杂的数据关系时,如主从数据(父子数据)的关系,DataGrid可以提供灵活的显示方式,使得用户能清晰地查看和操作层次结构数据。本篇文章将深入探讨如何在WPF的DataGrid中实现主从数据的展示。 首先,理解...

    datagrid-dnd(可以拖放的datagrid)

    在IT行业中,datagrid是一种常用的组件,它用于展示和管理大量结构化的数据,通常在Web应用中使用。在本例中,我们关注的是一个名为"datagrid-dnd"的特性,这是一项允许用户通过拖放操作来重新排列数据网格行的功能...

    WPF DataGrid 行拖拽

    在Windows Presentation Foundation (WPF)框架中,DataGrid控件是一种强大的数据展示工具,它允许用户以表格形式显示和操作数据。默认情况下,WPF DataGrid的列支持拖放功能,用户可以方便地调整列的位置。然而,...

    Flex(mx:DataGrid)实现数据过滤显示

    在数据提供者上设置这个函数,然后调用`dataProvider.filterData()`方法传递过滤参数。例如: ```actionscript dataProvider.filterFunction = function(item:Object):Boolean { return item.someProperty.index...

    jeasyui-datagrid-datagrid2.zip

    jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip

    EasyUI-CRUD-DataGrid

    DataGrid 是 EasyUI 中的一个核心组件,它是一个数据表格,可以展示大量结构化的数据,并支持多种操作,如排序、分页、筛选以及增删改查等。 在"EasyUI-CRUD-DataGrid"这个主题中,我们将深入探讨如何使用 EasyUI ...

    Easyui-DataGrid表头拖动效果

    UI设计在一个系统中的重要性是不容忽视的,我们开发人员要做到:让用户去控制计算机,而不是计算机控制用户;减少用户的记忆负担;保持界面一致。 给你的Easyui-DataGrid 表头添加一点料吧 Easyui-Datagrid—表头...

    WPF DataGrid 拖拽实现

    在Windows Presentation Foundation (WPF) 中,DataGrid控件是一个非常强大的工具,用于展示和编辑数据集合。在很多情况下,用户可能需要实现拖放功能,以便更自由地组织和操作表格中的数据。本文将深入探讨如何在...

    jquery-easyui-datagrid

    3. **数据绑定**: 通过 `loadData` 方法或者在初始化时传入 `data` 参数,可以将数据绑定到 datagrid。 4. **操作方法**: `datagrid` 提供了如 `reload`(重新加载数据)、`appendRow`(添加行)、`editRow`(编辑...

    datagrid 接收数据常用方法

    datagrid控件在IT界,尤其是Web开发中是一个非常常见的组件,它用于展示表格形式的数据,让用户可以方便地浏览、操作和管理大量信息。在本文中,我们将深入探讨datagrid接收数据的一些常用方法,这些方法适用于各种...

    商业编程-源码-DataGrid数据增删及分页演示.zip

    在IT行业中,DataGrid是一种常见的数据展示控件,尤其在商业应用编程中,它被广泛用于展示、操作和管理大量的结构化数据。本资源“商业编程-源码-DataGrid数据增删及分页演示.zip”提供了一个实例,旨在帮助开发者...

    Laravel开发-laravel-datagrid-builder

    在Laravel框架中,开发一个数据网格(datagrid)通常是为了展示大量数据并提供排序、过滤和分页功能。"Laravel开发-laravel-datagrid-builder"项目是为了解决这一问题,它结合了Laravel的强大后端能力和前端jQuery ...

    Wince DataGrid动态添加列和绑定数据 并修改数据

    Wince DataGrid动态添加列和绑定数据 并修改数据 ----------------------------------------------- 对于DataGrid中 值的修改 是参考别人的代码加上自己的一些方法做出来的!

    JS EasyUI DataGrid动态加载数据

    4. **自定义加载更多功能**: 如果需要自定义加载更多数据的行为,例如添加一个“加载更多”按钮,可以在按钮的点击事件中调用DataGrid的`reload`方法,传递新的页码和每页大小。 ```html ()"&gt;加载更多 function ...

Global site tag (gtag.js) - Google Analytics