sprotty How to implement onclick event on any node or edge?

Oct 18 '18 11:10 Dipinrajc

Usually, you have to create a mouse listener, implement the method for the event and then bind it as TYPES.IMouseListener in your di.config.ts. The actual consequence of the click usually is an action. If the SModel should be changed, create and register a command handling the action.

Oct 20 '18 16:10 JanKoehnlein

Could please provide an example for the same?

Oct 22 '18 04:10 Dipinrajc

Could you be more specific about what you're trying to achieve? A mouse click is usually already consumed as a select action. Maybe you're rather interested in selection changes? Or you want to add some button like behavior?

Oct 30 '18 08:10 JanKoehnlein

I need to show a modal/popup while clicking on an edge.

Oct 30 '18 08:10 Dipinrajc

I'd try to add an action handler for SelectAction (caution: unchecked code)

export class MyActionHandler implements IActionHandler {
  handleAction(Action a) {
     if(a instanceof SelectAction) {
       // investigate if a single edge is selected and in this case open the dialog
     }
  }
}

export MyActionHandlerInitializer implements IActionHandlerInitializer {
    initialize(registry: ActionHandlerRegistry) {
       registry.register(SelectAction.KIND, new MyActionHandler())
    }
}

In your di.config.ts

bind(TYPES.IActionHandlerInitializer).to(MyActionHandlerIntializer)

Oct 30 '18 08:10 JanKoehnlein

OK, Thanks.

Oct 30 '18 08:10 Dipinrajc

If you need to access the model as well, then I'd rather bind a custom model source, have a look at the register and handle methods in https://github.com/TypeFox/theia-xtext-sprotty-example/blob/master/theia/states-dsl/src/browser/diagram/states-diagram-server.ts

Oct 30 '18 08:10 JanKoehnlein

Ok

Oct 30 '18 08:10 Dipinrajc