javascript - 如何使用 mxgraph 事件

Question

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

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

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

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

能否请您帮助我了解如何处理这种情况？我一直在查看在线文档，但看不到关于事件从“A 到 B”实际如何运作的非常直接的描述。

非常感谢

Answer 1

您好，很难理解您的问题，能否请您提供一些代码快照。不管怎样，我提供了两个 mxGraph 事件示例

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();
            });

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);
                }
            });

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