TypeScript Diagram - highlight a series of nodes

[Gareth Brown]

Is it possible to individually select items rather box them together? It's important I show the individual nodes are highlighted.

Attachment: 20170313_20_46_37Clipboard_a689e415.zip

[Shyam G]

Hi Gareth, 

Could you please confirm us whether your requirement is “When we multiselect the several objects, some objects needs to be highlighted and some doesn’t” as shown in the below screenshot. If yes, we can achieve it in the application level or else please tell us what action do you need to perform after selecting the individual object. So that we can analyse and provide a better solution. 

Screenshot: 

 

Regards, 

Shyam G 

[Gareth Brown]

As per the diagram you provided - Yes, that would be a good enough solution. I want to show a route through a diagram, by programmatically selecting nodes.

[Shyam G]

Hi Gareth, 

Please use selectionChange event to achieve your requirement. Please refer to the code example and JSPlayground link below. 

Code example: 

    $("#diagram").ejDiagram({ 

                    //define selectionChange event 

                    selectionChange:selectionchange, 

  

                }); 

   function selectionchange(args) {              

            if (args && args.element && args.state === "changed" && args.elementType === "pseudoGroup") { 

                var diagram = $("#diagram").ejDiagram("instance"); 

                //get the selected nodes 

                var nodes = diagram.model.selectedItems.children; 

                for (i = 0; i < nodes.length; i++) { 

                    var node = nodes[i]; 

                    //update borderColor for node 

                    diagram.updateNode(node.name, { borderColor: "red" }); 

                } 

            } 

        } 

JSPlayground link:https://jsplayground.syncfusion.com/uohldgso 

In the above sample, when you ctrl+mouseclick on the node(For pseudoGroup elements), the node’s borderColor is highlighted with red Color.  

Regards, 

Shyam G 

[Gareth Brown]

Yes, this is fantastic! Thank you!

[Shyam G]

Hi Gareth, 

  

Thanks for your compliment. 

  

Regards, 

Shyam G