Hello,

I am having difficulty sending MindFusion data from client side to a MVC Controller method.

On the client side, I am getting a DiagramLink or DiagramNode when it is created by the user from the appropriate event handler. For instance, on the event for creating a link, I make an AJAX call trying to pass the new diagram link:

function onLinkCreatedByUser(sender, args)
{
      var diagramLink = args.getLink();
       $.ajax({
                type: "POST",
                url:  urlHere,
                data: {  newDiagramLink: diagramLink },
                success: function (result) {
                    alert("success");
                },
                error: function (req, status, error) {
                    alert(error);
                }
            });
}
 

And my controller method signature looks like this:

  [HttpPost]
  public ActionResult UserCreatedNewLink(DiagramLink newDiagramLink){
//do business logic
}
 

If I take out the parameter for the DiagramLink object, the AJAX call works. Or, if I instead pass the diagram as a JSON string, it also works.

However, I have also tried passing a ShapeNode or PointCollection, which are both MindFusion classes, but these also cause the AJAX call to fail.

Do you have a suggestion for being able to pass MindFusion data from the client side to a MVC controller method?

Trying to turn the diagram link in JSON with JSON.stringify also fails for the diagram link variable as a "circular JSON call," because that diagram link variable contains the diagram as part of the object. At least that's what the error complains about is the diagram property being JSON and it can't JSONify something that is already JSON. 

Thanks in advance.

Thanks a lot! This does result in the AJAX call completing successfully.

My next question is how to deserialize the JSON string on the server side. I don't see a straightforward FromJson method like the DiagramView has. I see a DiagramLinkConverter class with a Deserialize method. Would this be the method I need? If so, can you provide an example of how to use this and what to pass in as parameters? The JSONified link comes into the controller as a string, so I don't see how I can match this with the expected params (dictionary<string, object>, Type, JS serializer).

I also see a LoadFromJson method on the DiagramLink class's server side reference. If this is the method I should use, could you please provide an example of how it would work?

Basically, I need to somehow end up with a DiagramLink object like we can for DiagramView and thus have access to the properties of the DiagramLink class.

Thanks.

Thanks! So the good news is that this works with diagram links that do not have a brush style. Unfortunately, if a link does have a brush style, I get the following error message during the deserialization line of code (shown below):

"No parameterless constructor defined for type MindFusion.Drawing.Brush".


DiagramLink link = jss.Deserialize<DiagramLink>(json);

That will work if you also register some converters for Brush etc types, but at this point you'll be better off submitting and loading this as diagram JSON -

if (link)
{
    var json = { "measureUnit": 6, diagramBounds: diagram.getBounds() }
    json.items = [link.toJson()];

    $.ajax({
        type: "POST", url: "/Home/LinkCreated",
        data: { json: JSON.stringify(json) }, dataType: 'json',
    ....
}

public ActionResult LinkCreated(string json)
{
    DiagramView view = DiagramView.FromJson(json);
    Diagram diagram = view.Diagram;
    DiagramLink link = diagram.Links[0];
} 

Regards,
Slavcho