属性:
- dragEnabled : Boolean:一个标志,指示是否可以将项目拖出此控件并放到其它控件上。
- dragMoveEnabled : Boolean:一个标志,指示在拖放操作过程中是否可以移动控件中的项目,而不只是从控件中复制这些项目。
- dropEnabled : Boolean:一个标志,指示是否可以将所拖动的项目放到此控件上。
事件:
- dragComplete:在拖动操作完成时(将拖动的数据放到放置目标时或在没有执行放置操作的情况下结束拖放操作时)由拖动启动器(作为要拖动的数据源的组件)调度。
- dragDrop:用户在放置目标上释放鼠标时由放置目标调度。
- dragEnter:当用户在拖动操作过程中将鼠标移动到某个组件所处的位置时,由该组件调度。
- dragExit:用户在组件外拖动但没有将数据放置到目标时,由组件调度。
- dragOver:在拖动操作期间,当用户在鼠标位于组件上方的情况下移动鼠标时,由组件调度。
- dragStart:启动拖动操作时,由拖动启动器调度。
如果一个View中有两个不同的拖拽
,并且不能相互影响
需要判断拖拽的对象
是否是自己所需要
的
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:ArrayCollection id="employees1">
<mx:Object name="Christina Coenraets" phone="555-219-2270" email="ccoenraets@fictitious.com" active="true" />
<mx:Object name="Joanne Wall" phone="555-219-2012" email="jwall@fictitious.com" active="true" />
<mx:Object name="Maurice Smith" phone="555-219-2012" email="maurice@fictitious.com" active="false" />
<mx:Object name="Mary Jones" phone="555-219-2000" email="mjones@fictitious.com" active="true" />
</mx:ArrayCollection>
<mx:ArrayCollection id="employees2">
<mx:Object name="Christina Coenraets" phone="555-219-2270" type="0" />
<mx:Object name="Joanne Wall" phone="555-219-2012" type="0" />
<mx:Object name="Maurice Smith" phone="555-219-2012" type="0" />
<mx:Object name="Mary Jones" phone="555-219-2000" type="0" />
</mx:ArrayCollection>
<mx:Script>
<![CDATA[
import mx.events.DragEvent;
private function dg1DragOver(e:DragEvent):void
{
var dgRow:Object = new Object();
dgRow = e.dragSource.dataForFormat("items");
trace(dgRow);
if (dgRow.hasOwnProperty("email"))
{
dg1.dropEnabled = true;
}
else dg1.dropEnabled = false;
}
]]>
</mx:Script>
<mx:DataGrid id="dg1" color="0x323232" width="100%" dataProvider="{employees1}"
dragEnabled="true" dragMoveEnabled="true"
dragEnter="dg1DragOver(event)">
<mx:columns>
<mx:DataGridColumn dataField="name" headerText="Name"/>
<mx:DataGridColumn dataField="phone" headerText="Phone"/>
<mx:DataGridColumn dataField="email" headerText="Email"/>
</mx:columns>
</mx:DataGrid>
<mx:DataGrid id="dg2" color="0x323232" width="100%" dataProvider="{employees2}"
dragEnabled="true" dragMoveEnabled="true">
<mx:columns>
<mx:DataGridColumn dataField="name" headerText="Name"/>
<mx:DataGridColumn dataField="phone" headerText="Phone"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>
分享到:
相关推荐
flex 拖拽功能 flex 拖拽功能中文文档
flex实现了图片的拖拽功能,包括,拖动图片不删除原来图片,和拖动图片删除原来图片
flex拖拽flex拖拽flex拖拽flex拖拽flex拖拽flex拖拽
Flex拖拽库Flex拖拽库flex拖拽库
flex 练习拖拽的例子,很简单,可以了解一下原理
flex真是个很强大的工具,当然demo也是我们学习的主要方法,flex拖拽画矩形,很流畅的,一点不卡
一个自定义的拖拽flex控件,可以实现复制拖拽,不复制拖拽,可以拖拽图片,也可以由文字拖拽后变成图片。
一个基于flex的拖拽框架,可以通过框架类直接塞入需要拖拽的控件达到效果,还有实现了服务
flex拖拽树控件 添加 删除节点 拖拽生成节点
Flex 4.5 实现tree拖拽到任意组建 拖到tree datagrid中并得到目标的全部数据实现添加组建
Flex 拖拽例子 从不同组件间拖拽 可以自定义拖拽的视图
flex实现的拖拽效果,对flex的学习者有一定的帮助
flex事件flex事件flex事件flex事件flex事件
因为工作原因和个人兴趣原因,刚接触flex,遇到不少问题,这次花了一个早上的时间专门研究了一下组件件的拖拽,呵呵,还是很有成就感的。
NULL 博文链接:https://moguicy.iteye.com/blog/1746096
flex 拖拽效果程序,效果很好,代码简单
Flex拖拽编程详解,Flex拖动方法。
这个是个简单的Flex3.0拖拽图片的代码,里面的图片自己可以换一个。希望对大家有用。
介绍Flex 拖拽的事件机制和用法。
用Flex实现的拓扑,可以实现拖拽等功能