`
lynnlysh
  • 浏览: 178915 次
  • 性别: Icon_minigender_2
  • 来自: 天津
社区版块
存档分类
最新评论

mxgraph 之 增添工具类,粘贴复制,撤销还原等

 
阅读更多
mxClipboard类用于实现这些方法:(直接在按钮的点击事件中写即可)
粘贴:
mxClipboard.paste(graph);

复制:
var cells = new Array();
cells = graph.getSelectionCells();
mxClipboard.copy(graph,cells);

剪切:
var cells = new Array();
cells = graph.getSelectionCells();
mxClipboard.cut(graph,cells);

删除:
var cells = new Array();
cells = graph.getSelectionCells();
mxClipboard.removeCells(graph,cells);

》》》》》》》》》》》》》》》》》》》》》》》》
mxUndoManager类来实现以下方法:
在实现撤销删除方法之前,首先要对graph面板添加监听:
var undoMng = new mxUndoManager(); 
var listener = function(sender, evt) 
{ 
undoMng.undoableEditHappened(evt.getProperty('edit')); 
}; 
graph.getModel().addListener(mxEvent.UNDO, listener); 
graph.getView().addListener(mxEvent.UNDO, listener);

然后用这个定义好的undoMng来在按钮中写方法。
撤销:
undoMng.undo();

重做:
undoMng.redo();

**************************失恋的分割线************************
LY水,我会默默等待,不放弃,也许没有期限……
1
1
分享到:
评论

相关推荐

    mxgraph中右键和toolbar工具条的实现

    mxgraph 是一个强大的JavaScript库,用于创建交互式图形应用程序,如流程图、网络拓扑图等。它提供了丰富的API和功能,使得开发者可以轻松地在Web应用中集成图形编辑功能。在mxgraph中,实现右键菜单和工具条是两个...

    mxgraph.MXGRAPH..MXGRAPH..

    这些工具可以帮助开发者创建可定制的图形界面,例如流程设计器、UML建模工具等。 4. **跨平台支持**:由于其基于Web技术,MXGRAPH可以在多种操作系统和浏览器上运行,包括Windows、Mac OS、Linux,以及Chrome、Fire...

    mxgraph_mxgraph_slow3ya_绘图工具_mxclient_

    在"slow3ya"的版本中,可能对原版mxgraph进行了性能优化,例如改进了渲染速度、优化了大规模图的处理,或者增加了特定的功能,比如导入/导出特定格式的支持、增强了撤销/重做机制等。为了了解具体改进,你需要查看...

    mxgraph开发包

    4. **图形编辑**:提供完整的编辑功能,包括选择、剪切、复制、粘贴、撤销、重做等。 5. **事件处理**:通过监听和响应图形元素的事件,如鼠标点击、拖动等,可以实现丰富的用户交互行为。 6. **API和插件**:拥有...

    mxgraph经典实例及各个类包的解释Api

    **mxGraph经典实例及各个类包的解释API** mxGraph是一款强大的JavaScript图形库,它允许开发者在Web浏览器中创建和编辑交互式图表。这个库特别适用于流程图、网络拓扑图、UML模型等可视化场景。然而,由于mxGraph的...

    mxgraph之保存图片

    NULL 博文链接:https://lynnlysh.iteye.com/blog/1290007

    mxgraph 之 自定义双边框长方形(即:doubleRectangle)

    在IT领域,自定义图形是实现用户界面个性化和专业化的关键元素之一。`mxgraph` 是一个强大的JavaScript库,用于创建交互式图形应用程序。本文将深入探讨如何在`mxgraph` 中实现自定义的双边框长方形,也就是所谓的`...

    mxgraph API和demo

    总结,mxGraph API为开发人员提供了强大且灵活的工具,用于创建交互式图形界面。从基本的图形创建到复杂的编辑操作,再到自定义布局,每一个环节都有详细的API支持。通过学习和实践,开发者可以利用mxGraph实现各种...

    mxgraph Demo汉化(简单实例)

    此外,mxgraph 还具有强大的图形编辑功能,如拖放、连接节点、撤销/重做操作等,非常适合用于构建流程图、网络拓扑图或UML模型。 在汉化版的Demo中,你将找到一个已经本地化的用户界面,这对于中文使用者来说更加...

    mxgraph editor

    **mxgraph Editor** 是一款基于JavaScript的开源图形编辑器,专为绘制流程图、工作流、拓扑图等图表设计。它使用了mxGraph库,一个功能强大的图形渲染和操作库,提供了丰富的图形编辑功能。 **mxGraph核心概念:** ...

    mxgraph的学习笔记

    MXGraph是一款基于开源技术的图形化库,提供了丰富的API和工具,帮助开发者快速构建复杂的图形应用。下面是MXGraph学习笔记的知识点总结: 坐标系 MXGraph中的坐标系分为两种:无关位置和相关位置。在无关位置中,...

    基于web的类似Microsoft Visio的web画图工具mxGraph

    3. **编辑功能:** mxGraph支持图形的复制、粘贴、撤销和重做,以及对形状属性的编辑。用户还可以自定义工具栏,添加特定的操作,如添加特定形状或转换。 4. **数据绑定:** 这个库允许将图形模型与后台数据源绑定...

    mxGraph图形嵌入开发

    mxGraph是一个JS绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序。mxgraph下载包中包括用javescript写的前端程序,也包括多个和后端程序(java/C#等等)集成的例子。以下...

    mxGraph绘图插件

    总的来说,mxGraph是一个功能全面、易于集成的JavaScript绘图库,无论你是想要构建一个简单的流程图应用还是一个复杂的图形编辑工具,它都能提供必要的工具和支持。通过深入理解和熟练掌握mxGraph,你可以在Web应用...

    mxgraph.zip

    在Node.js环境中,可以使用fs模块读取XML文件,然后通过mxUtils或mxObjectCodec等工具将XML数据转化为mxGraph可理解的对象结构。 XML文件在mxGraph中通常用来存储图形的布局和元数据。每个图形元素(节点、边、属性...

    mxGraph插件,java代码xml导出成图片

    mxGraph是一款强大的JavaScript图形库,用于在Web应用中创建交互式和可自定义的图表、流程图和其他图形。它提供了一种直观的方式来处理图形编辑,包括拖放功能、形状库和丰富的API。在这个场景中,我们需要利用...

    基于mxGraph来做的一款web的绘制流程图的javascript库工具mxGraph_gpx.zip

    基于mxGraph的工具通常用于业务流程建模、软件设计、网络架构可视化等场景,帮助用户以图形方式表达逻辑和流程。 该压缩包“mxGraph_gpx.zip”很可能包含了一个使用mxGraph库实现的Web应用示例或组件,名为“gpx”...

    mxgraph 源码

    mxGraph 可以用于多种应用场景,如流程图编辑器、网络拓扑图、UML建模工具等。其强大的自定义能力使得开发者可以轻松地扩展和定制图形行为,以满足特定需求。 ### 7. 开发与集成 在实际项目中,开发者可以利用...

    mxGraph web javaScript

    mxGraph是一款强大的JavaScript库,专用于在Web上创建和编辑图形和图表,尤其适用于构建交互式、可定制的关系图和流程图。它以其灵活性、性能和丰富的功能集而备受推崇。在本文中,我们将深入探讨如何利用mxGraph库...

    mxGraph的一些例子

    mxGraph是一款强大的JavaScript图形库,主要用于创建交互式和可自定义的图表、流程图、网络图等图形界面。它提供了一套丰富的API,允许开发者轻松地构建和编辑复杂的图形应用程序。下面将详细介绍mxGraph的一些核心...

Global site tag (gtag.js) - Google Analytics