javascript - How to work with mxgraph events - Stack Overflow

admin管理员组

文章数量:1327843

I am new working with mxgraph in javascript and have some specific questions on how to use events from the graph. There are two basic scenarios that I am interested to work with and understand better:

1) I am interested to add vertices using the drag-and-drop mechanisms in the examples (i.e. using mxgraph toolbar). For this, I want receive an event BEFORE the node is added to the graph to be able to do two things before the "cells added" event is fired:

a) Use logic incorporate data for the vertex (i.e. timestamp)

b) Be able to assign a custom id to each vertex

Could you please be able to help me understand how to handle this case? I have been looking at the online docs and cannot see a very straightforward description of how events actually work from "A to B".

Thanks a lot

I am new working with mxgraph in javascript and have some specific questions on how to use events from the graph. There are two basic scenarios that I am interested to work with and understand better:

1) I am interested to add vertices using the drag-and-drop mechanisms in the examples (i.e. using mxgraph toolbar). For this, I want receive an event BEFORE the node is added to the graph to be able to do two things before the "cells added" event is fired:

a) Use logic incorporate data for the vertex (i.e. timestamp)

b) Be able to assign a custom id to each vertex

Could you please be able to help me understand how to handle this case? I have been looking at the online docs and cannot see a very straightforward description of how events actually work from "A to B".

Thanks a lot

• javascript
• mxgraph

Share Follow asked Jan 16, 2017 at 10:24 crobbocrobbo 29044 silver badges1010 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

Hi its difficult to understand you question can you please provide some code snap. Anyway i provide two example of mxGraph evet

1.Click Event

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

2. Mouse wheel Event

 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 and set selectioncell are already defined function that are use these event according their purpose

本文标签： javascriptHow to work with mxgraph eventsStack Overflow