`

如何实现把node拖拽到Group中的功能

 
阅读更多
看DemoUtils#initNetworkDragAndDropListener方法,里面有一段查找当前鼠标下是否有Group的代码。
然后把LinkEditorDemo#onDragDrop类似改一把
代码:
            var group:Group = null;
            if(element is Node && dragImage){
               Node(element).centerLocation = centerLocation;  
               var list:ICollection = network.getElementsByDisplayObject(dragImage);
               for(var i:int=0; i<list.count; i++){
                  group = list.getItemAt(i) as Group;
                  if(group != null){
                     break;
                  }
               }
            }
            if(group != null){
               element.parent = group;
            }
分享到:
评论

相关推荐

    jQuery的ztree仿windows文件新建和拖拽功能的实现代码

    在本文中,我们将探讨如何使用jQuery的zTree插件实现Windows风格的文件新建和拖拽功能。zTree是一个基于jQuery的高效、灵活且功能丰富的树形插件,适用于构建树状菜单和展示树状数据。 首先,为了实现zTree,我们...

    jQuery使用zTree插件实现可拖拽的树示例

    在本文中,我们将探讨如何使用jQuery和zTree插件实现一个可拖拽的树形视图。zTree是一个流行的JavaScript库,它提供了丰富的树结构功能,包括拖放操作,这在许多应用程序中都非常有用,例如数据分组、组织结构管理等...

    node-red-dashboardApp

    在这个“node-red-dashboardApp”中,我们将探讨如何利用Node-RED的Dashboard功能创建一个用户界面。 首先,Node-RED Dashboard是Node-RED生态系统中的一个插件,它提供了丰富的UI元素,如按钮、图表、文本输入等,...

    bootstrap实现批量上传附件

    Bootstrap 实现批量上传附件是一种常见的前端功能,常用于网站中让用户方便地上传多份文件。在本场景中,我们主要关注前端部分,涉及到的技术栈包括JavaScript、Bootstrap、HTML和jQuery。下面将详细介绍如何使用...

    Vue.js带动画流程图插件下载

    在实现过程中,开发者首先需要将该插件引入到Vue项目中,可以通过npm(Node Package Manager)进行安装。例如,使用命令行工具运行: ```bash npm install vue-process-flow --save ``` 安装完成后,在Vue组件中导入...

    常用的一些前端开发问题

    在Vue项目中,需要将参数传递到下一个页面时,可以使用encodeURIComponent和decodeURIComponent来实现。例如: ```javascript let row = encodeURIComponent(JSON.stringify(item)) this.$router.push({ name: '...

    group_chat_with_authentication:用于创建您的思维导图并与朋友聊天的应用

    通过运行`npm install`,项目中的`package.json`文件会被用来读取依赖列表,并安装这些依赖,包括但不限于Express(一个流行的Node.js Web应用框架)、Socket.IO(用于实现实时双向通信)以及可能的数据库连接库(如...

    javaFx写的卡牌游戏

    1. **图形用户界面**:JavaFX提供了一系列的UI控件,如Scene、Group、Node等,用于构建游戏界面。开发者可以利用ImageView显示卡牌的图片,使用Label展示卡牌信息,通过Pane布局管理器组织界面元素,以创建出互动性...

    如何用cocos2d制作一款简单的iphone游戏

    2. **导入资源**:将这些图片拖拽到Xcode的资源文件夹中,并确保选中“Copy items into destination group’s folder (if needed)”选项。 3. **确定位置**:Cocos2d使用左下角作为坐标原点(0,0),与常见的左上角...

    Getting Started with JavaFX 3D Graphics

    在JavaFX中,要创建3D场景首先需要定义场景图中的节点(Node),例如:Box、Sphere、MeshView等,这些节点可以代表3D场景中的物体。然后通过使用Group将节点组合在一起,再创建一个Camera和一组光源(如...

    Intouch与模拟器连接

    最后,粘贴在SMC中复制的OPC变量名到访问名称中。 7. 激活服务器:右键点击DA服务器管理器中的“ArchestrA.FSGateway.1”,选择“Activate Server”以启用FS Gateway。现在,启动InTouch后,通过FS Gateway,...

    html5基础讲义

    - **拖放功能**:Drag and Drop API支持用户在页面中直接拖拽元素。 #### 八、总结 HTML5是现代Web开发不可或缺的一部分,它不仅增强了Web页面的表现力,也为开发者提供了更多可能性。通过学习HTML5及其相关技术,...

    antv-g6初试身手demo

    在这个"模拟流程图动态切换demo"中,我们可以学习到以下几个重要的知识点: 1. **AntV G6 概述**:AntV G6 是一套面向数据的图形语法库,它提供了丰富的图表类型和高度定制的能力。G6 旨在帮助开发者通过简单的API...

    intouch与PLC通讯的经典精华资料

    - **第二步:** 在IAS中使用DI Object: OPC Client,并输入Server Node,然后从下拉列表中选择Takebishi.Ethernet.1作为服务器节点。 - **第三步:** 进入Scan Group页面,点击"+"添加一个新的GroupName,这个名称应...

    滤镜问题-FireFox火狐浏览器与IE的对比分析

    在实际项目开发中,建议遵循标准CSS规范,并利用现代浏览器提供的功能来实现一致的效果,同时考虑使用兼容性库(如Polyfill)来增强跨浏览器的兼容性。对于一些非标准的属性,开发者应该谨慎使用,并确保在目标...

    twaver flex developer guid

    - **界面交互**:实现用户与网络视图的交互,如拖拽节点、缩放视图等。 - **Table组件**:用于展示表格形式的数据。 - **Tree组件**:用于展示层次结构的数据。 #### 三、进阶篇 - **数据序列化**:TWaver Flex...

    C#未知文件EA常用操作指南

    3. 在新创建的图表中添加节点(Node)、分支(Branch)等元素来描述业务流程。 4. 使用鼠标拖拽的方式连接这些元素。 #### 六、如何创建时序图 时序图有助于理解系统内部对象之间的交互顺序: 1. 创建新的时序图(SDG),...

    Quark Renderer-其他

    Quark Renderer是一款轻量且强大的 Canvas(&amp;SVG) 渲染引擎,它不是从零开始构建的,...增加了连线功能,可以把元素连接起来,包括很酷的 Visio 形的连线。 重构了 Group 的实现,可以多层嵌套并控制子元素的位置。

    The Inventor Mentor[cn]

    - **组(Group)**:用于组织多个节点,便于管理场景中的对象。 - **动作(Action)**:用于执行特定任务,如渲染、计算包围盒等。 - **传感器(Sensor)**:监控数据的变化,并在变化时触发相应的动作。 - **引擎(Engine)...

Global site tag (gtag.js) - Google Analytics