Tree控件的Drag&Drop
来源:互联网 发布:暖气片种类知乎 编辑:程序博客网 时间:2024/05/20 06:28
List控件之间实现DragDrop比较简单,只要设置dragEnable,dropEnable就可以在两个List控件之间随意的拖拽Item了。但是Tree控件有些不同。
以下为把一个Item从一个Tree控件拖到DataGrid中的示例:
TreeDrag.mxml
vo/DataVO.as
以下为把一个Item从一个Tree控件拖到DataGrid中的示例:
TreeDrag.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
- <mx:Script>
- <![CDATA[
- import vo.DataVO;
- import mx.core.DragSource;
- import mx.core.UIComponent;
- import mx.managers.DragManager;
- import mx.events.DragEvent;
- import mx.collections.ArrayCollection;
- // 创建结构化的对象来作为Tree的dataProvider
- [Bindable]
- private var treeObject:Object = {label:"Sections",
- children:[
- {label:"Node1", data:"n1"},
- {label:"Node2", data:"n2"},
- {label:"Node3", data:"n3"},
- {label:"Node4", children:[
- {label:"subNode1", data:"sn1"},
- {label:"subNode2", data:"sn2"}
- ]}
- ]};
- [Bindable]
- private var sections:ArrayCollection = new ArrayCollection();
- // Drag一个Item进入控件时触发该事件
- private function onDragEnter(event:DragEvent):void {
- var ds:DragSource = event.dragSource;
- // arr中为Drag过来的数据,dataForFormat必须使用"treeItems",这点跟List控件不同
- var arr:Array = ds.dataForFormat("treeItems") as Array;
- // 判断当前Item不含子节点时,使控件接受DragDrop
- if(arr[0].label != "Sections" && arr[0].label != "Node4") {
- DragManager.acceptDragDrop(UIComponent(event.currentTarget));
- }
- }
- // 设置DragDrop时的图标
- private function onDragOver(event:DragEvent):void {
- DragManager.showFeedback(DragManager.COPY);
- }
- // Item被Drop时,把Item数据加入到显示结果用的ArrayCollection中
- private function onDragDrop(event:DragEvent):void {
- var ds:DragSource = event.dragSource;
- var arr:Array = ds.dataForFormat("treeItems") as Array;
- for(var i:int=0; i<arr.length; i++) {
- var obj:Object = arr[i];
- var data:DataVO = new DataVO(obj.label.toString(), obj.data.toString());
- sections.addItem(data);
- }
- }
- ]]>
- </mx:Script>
- <mx:Tree dataProvider="{treeObject}"
- width="200" height="250"
- dragEnabled="true" dropEnabled="false"/>
- <mx:DataGrid id="sectionsGrid" width="200" horizontalScrollPolicy="auto" dataProvider="{sections}"
- dragEnter="onDragEnter(event)"
- dragOver="onDragOver(event)"
- dragDrop="onDragDrop(event)">
- <mx:columns>
- <mx:DataGridColumn headerText="Section" dataField="label" />
- </mx:columns>
- </mx:DataGrid>
- </mx:Application>
vo/DataVO.as
- package vo {
- [Bindable]
- public class DataVO {
- public var label:String = "";
- public var data:String = "";
- public function DataVO(_label:String, _data:String) {
- this.label = _label;
- this.data = _data;
- }
- }
- }
- Tree控件的Drag&Drop
- Drop and Drag面板控件
- 通用的控件之间的拖放方法(Drag and Drop)
- easyUI 拖动(Drag)和放置(Drop)Tree
- Richfaces的Drag Drop支持
- wxWidgets的drag和drop
- JavaScript -- drop,drag的使用
- 四两拨千斤——Dijit Tree 拖拽(DnD, Drag & Drop)的精细控制
- Drag &Drop
- Drag & Drop
- DRAG & DROP
- Drag Drop
- 让你的控件也具有拖拽(drag-and-drop)功能
- [A1.ASP-NET]DayPilot Calendar控件异步更新的Drag和Drop实验
- 让你的控件也具有拖拽(drag-and-drop)功能
- 让你的控件也具有拖拽(drag-and-drop)功能
- 在.NET中实现窗体控件的内容拖拽效果(Drag-and-Drop)
- 让你的控件也具有拖拽(drag-and-drop)功能
- ASP.NET使用MessageBox方法
- Struts 2 Action 的扩展名修改方法
- VC2008/2005工程自动生成器
- Flex 是什么? flex和flash是什么关系?flex 解决什么问题?flex和J2EE/.net是什么关系?
- Table无数据照样显示边框
- Tree控件的Drag&Drop
- 出错,是因为你有很多的细节还没有弄清楚......
- 姚明的状态?
- GetVolumeInformation - 读取文件系统信息
- 线程池(翻译自MSDN)
- java I/O:文件的随机存取
- 利用C#实现标准的 Dispose模式
- 相爱容易,相处太难
- 插入法(Java语言)