如何使用mxgraph事件

时间:2017-01-16 10:24:37

标签: javascript mxgraph

我在javascript中使用mxgraph,并且对如何使用图表中的事件有一些具体问题。有两种基本方案我有兴趣与之合作并更好地理解:

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

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

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

能帮助我了解如何处理此案件吗?我一直在查看在线文档,看不到关于事件如何从“A到B”实际工作的非常简单的描述。

非常感谢

1 个答案:

答案 0 :(得分:0)

您好难以理解您的问题,请您提供一些代码快照。无论如何,我提供了两个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();
            });

  1. 鼠标滚轮事件
  2.  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已经定义了根据其目的使用这些事件的功能