how to get the nodes list and connectors after changes made in front end

[Aung Myo]

I am trying to use the flow chart with .net core. I want to get the nodes and connectors list to my controller after the changes made in the front end. How to do that? Any sample project can I get? Thanks

[Shyam G]

Hi Aung, 

We have created a sample in which when we click a GetDiagramController button we save a diagram using diagram saveDiagram method and send that Json to server side using Ajax. In server side, you can deserialize an JSON string and process nodes and connectors. Please refer to a code example and sample below. 

Code example: 

     function getDiagramController() {  

            var diagram = document.getElementById("container").ej2_instances[0]; 

            var JsonData = diagram.saveDiagram(); 

            //pass an saved JSON to an server side 

            $.ajax({ 

                url: "/Diagram/DiagramJson", 

                type: "Post", 

                dataType: "json", 

                data: { "JsonData": JsonData }, 

                success: function (JsonData) { 

                    alert("Success"); 

                    return true; 

                }, 

            }) 

        } 

 

    [HttpPost] 

        public void DiagramJson(string JsonData) 

        { 

            Dictionary<string,object> DiagramData = JsonConvert.DeserializeObject<Dictionary<string, object>>(JsonData); 

            //To get nodes collection 

            List<DiagramNode> Nodes = JsonConvert.DeserializeObject <List<DiagramNode>> (DiagramData["nodes"].ToString()); 

            //Iterate an nodes 

            foreach(var node in Nodes) 

            { 

                // process each node 

                node.Width = 100; 

            } 

            //To get connectors collection 

            List<DiagramConnector> Connectors = JsonConvert.DeserializeObject<List<DiagramConnector>>(DiagramData["connectors"].ToString()); 

            //Iterate an connectors 

            foreach (var connector in Connectors) 

            { 

                // process each connector 

                connector.CornerRadius = 0.5; 

            } 

        }  

 

Sample: https://www.syncfusion.com/downloads/support/forum/146058/ze/aspcoresample1842116829 

 

Regards, 

Shyam G 

[Aung Myo]

Hi Shyam G ,

Thanks for your support. It works.

[Ramya Thirugnanam]

Hi Aung,  

 

Thanks for your update. 

 

Regards,  

Ramya T