Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic angular/Typescript Fishhbone diagram (Read 3441 times)
FBD Uer
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 2
Joined: Jan 30th, 2019
angular/Typescript Fishhbone diagram
Jan 30th, 2019 at 8:13am
Print Post  
Hi,

Can you please provide some sample for the fish bone diagram with event handling for the case of angular with typescript.
  
Back to top
 
IP Logged
 
Lyubo
God Member
*****
Offline


MindFusion team

Posts: 511
Joined: Jun 17th, 2010
Re: angular/Typescript Fishhbone diagram
Reply #1 - Jan 30th, 2019 at 1:14pm
Print Post  
Hi,

We've converted our Fishbone diagram sample from WPF from here https://mindfusion.eu/blog/fishbone-ishikawa-diagram-in-wpf/. The sample uses some types and members not present in the type definitions file in the latest version, but we'll include them for the next release.

You can find the angular application attached to this post.

Regards,
Lyubo
« Last Edit: Jan 30th, 2019 at 4:40pm by Lyubo »  

Fishbone_001.zip ( 100 KB | 182 Downloads )
Back to top
 
IP Logged
 
FBD Uer
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 2
Joined: Jan 30th, 2019
Re: angular/Typescript Fishhbone diagram
Reply #2 - Jan 31st, 2019 at 9:51am
Print Post  
Hi,

We want to have context menus for the Fish bone's Diagram and its nodes, is there any specific packages available like MindFusion.Diagramming.Events; to work with angular and typescript?.
« Last Edit: Jan 31st, 2019 at 11:08am by FBD Uer »  
Back to top
 
IP Logged
 
Lyubo
God Member
*****
Offline


MindFusion team

Posts: 511
Joined: Jun 17th, 2010
Re: angular/Typescript Fishhbone diagram
Reply #3 - Jan 31st, 2019 at 12:28pm
Print Post  
Hi,

The package doesn't include a built-in context menu, so you'll need to use a third party or create a custom one. Handling events is discussed in the documentation in the Diagram Events topic. A full list of events can be found here.

For example, to show a context menu when a node is clicked, you can handle the nodeClicked event:

Code (Javascript)
Select All
this.diagram.addEventListener(MindFusion.Diagramming.Events.nodeClicked, (sender, args) => {
    let node = args.getNode();
    let button = args.getMouseButton();
    let position = args.getMousePosition();

    // do validation and show context menu
    // ...
}); 



You can also check out the following example in our MVC forum section: https://mindfusion.eu/Forum/YaBB.pl?num=1387949353/1#1. It shows how a third party custom menu plugin (from the jQuery library) can be used with the diagram.

Regards,
Lyubo
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint