mxGraph拖拽

whucsfzf 2011-04-19 11:32:54

我用mxGraph swing写一个java应用程序，对于drag drop不是很清楚，看提供的例子GraphEditor时完全找不到实现拖拽的代码，希望高手指点，在程序中实现拖拽的地方？

...全文

205 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

mxgraph引入vue中，事件功能，使用vue自定义指令来将mxgraph的拖拽功能和elementui中的树形结构el-tree进行整合，最终完成一个可以拖拽的el-tree效果。

为了模仿mxGraph中javascript里面的例子中的userobject.html展示出来的效果，可费了不少功夫，花费了大半天的时间，先总结如下：其一：userobject.html中的并没有读取任何mxe或者xml文件，它里面的都是自己造的XML文件，我要做的是先用CS端的Graph画好一张图生成mxe然后进行处理在读出来其二：userobject.html显...

在现代Web应用中，图形化界面（Graphical User Interface, GUI）的交互体验直接决定了用户的操作效率和满意度。对于流程图、思维导图等复杂可视化场景，单元格（Cell）的拖拽（Drag）、连接（Connect）与编辑（Edit）是最核心的交互模式。开发者常常面临三大痛点： 1. **拖拽卡顿**：大量单元格或复杂图形拖拽时出现延迟、闪烁或位置偏移 2. **连接失效**：...

主要功能介绍最近需要开发一款营销流程图项目，需要各种节点流程任务的拖拽跑出数据结果，需要用到节点的增删改查，插销删除流程测试执行各种操作，于是发现了mxgraph这款插件。 mxGraph是一款基于web的绘制流程图的javascript库工具英文官方网站：http://jgraph.github.io/mxgraph/docs/js-api/files/index-txt.html gitDemo地址：https://github.com/jgraph/mxgraph2 npm可以直接安装

本文详细介绍了如何利用Vue和mxGraph构建企业级可拖拽流程图编辑器，涵盖从技术选型、核心功能实现到性能优化的全流程。通过实战案例展示mxGraph的工业级稳定性与Vue响应式特性的完美结合，提供完整源码助力开发者快速实现可视化流程工具开发。

23,404

社区成员

70,512

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章