click event on node

[yasmine]

HI

I need a demo on how to to get a pop up form  by clicking on a node in organizational diagram  to add informations about each employee

Thank you

[Shyam G]

Hi Yasmine, 

 

Please use itemClick event to achieve your requirement. Please refer to the code example and sample below. 

 

Code example: 

 

<ej-dialog id="basicDialog" title="Dialog" [showOnInit]="showOnInit"> 

        <span id="text"></span> 

    </ej-dialog> 

 

<ej-diagram id="diagramCore" (itemClick)="onClick($event)"> 

                </ej-diagram> 

 

onClick(event) { 

        if (event.elementType === "node") { 

            $("#basicDialog").ejDialog("open"); 

            document.getElementById("text").innerHTML = event.element.name; 

        } 

    } 

 

Sample:https://www.syncfusion.com/downloads/support/directtrac/general/7z/angular2-seeds-master2099582717 

 

In the above sample, we have shown the node name in the dialog box using diagram itemClick event. 

 

Regards, 

Shyam G