如何使用 mxgraph 事件

C W*_*lls 5 javascript mxgraph

我是在 javascript 中使用 mxgraph 的新手,并且对如何使用图表中的事件有一些具体问题。我有兴趣使用并更好地理解两个基本场景:

1)我有兴趣使用示例中的拖放机制(即使用 mxgraph 工具栏)添加顶点。为此,我希望在将节点添加到图形之前接收一个事件,以便在“添加单元格”事件被触发之前能够做两件事:

a) 使用逻辑合并顶点数据(即时间戳)

b) 能够为每个顶点分配一个自定义 id

你能帮我理解如何处理这个案子吗?我一直在查看在线文档,但看不到对事件从“A 到 B”的实际工作方式的非常直接的描述。

非常感谢

MK *_*lan 6

您好,很难理解您的问题,您能否提供一些代码快照。无论如何,我提供了两个 mxGraph evet 示例

1.点击事件

 //Cell click event
            graph.addListener(mxEvent.CLICK, function (sender, evt) {

                var cell = evt.getProperty("cell"); // cell may be null
                if (cell != null) {
                    SelectGraphCell(cell);
                    graph.setSelectionCell(cell);
                }
                evt.consume();
            });
Run Code Online (Sandbox Code Playgroud)

  1. 鼠标滚轮事件

 mxEvent.addMouseWheelListener(function (evt, up) {
                Print = false;
                if (evt.ctrlKey && up) {

                    graph.zoomIn();
                    mxEvent.consume(evt);
                } else if (evt.ctrlKey) {
                    graph.zoomOut();
                    mxEvent.consume(evt);
                }
            });
Run Code Online (Sandbox Code Playgroud)

ZoomIn、ZoomOut、selectgraphcell 和 set Selectioncell 是已经定义的函数,根据其目的使用这些事件