Custom node client side

[David]

Hi!

I have a Diagram and i try create Custom Nodes with extra information. In side server i create my custom node:

public class GaugeNode : Node

    {

        private string email;

        private string phone;

        [JsonProperty("email")]

        [DefaultValue("")]

        public string Email

        {

            get { return email; }

            set { email = value; }

        }

        [JsonProperty("phone")]

        [DefaultValue("")]

        public string Phone

        {

            get { return phone; }

            set { phone = value; }

        }

    

       

    }

And add to my diagram:

 GaugeNode newIdea = CreateNode("NewIdea", 400, 400, 400, 300, "New Idea Identified");

            newIdea.Shape = new Shape(Shapes.Html); //DEPRECARED;

            newIdea.Shape.TemplateId = "Circulargauge";

            newIdea.Email = "pepe";

            

           // newIdea.Type = Shapes.Html;

            //GaugeNode gaugeNode = new GaugeNode();

            //gaugeNode.Email = "papepepep";

            

            model.Nodes.Add(newIdea);             

ok, it's work. But when i try inspect new properties i can't find:

i can't find Email or Phone variable...

any idea? 

[Shyam G]

Hi David,

You have created a custom property by inheriting the node class, but we have some limitations as shown below.

Limitations:

1. The custom property gets serialized only if the default value and property value are different.

[David]

Hi!

thanks for your response.

Please, can explain it:

The custom property gets serialized only if the default value and property value are different.

I try and don't work:

 private string gisEntitySubType;

        [JsonProperty("ngisEntitySubType")]

        [DefaultValue("")]

        public string GisEntitySubType

        {

            get { return gisEntitySubType; }

            set { gisEntitySubType = value; }

        }

        public GaugeNode()

        {

            this.GisEntitySubType = "juanito";

        }

[Shyam G]

Hi David,

Please use JsonProperty from Syncfusion namespace using Syncfusion.JavaScript.Shared.Serializer; instead of Newtonsoft namespace using Newtonsoft.Json; to resolve your reported issue. Please refer to the code example below and sample below.

Code example:

Namespace:
using Syncfusion.JavaScript.Shared.Serializer;

Sample:http://www.syncfusion.com/downloads/support/forum/123378/ze/custompropertysample-899531376

Regards,
Shyam G

[David]

oh...my fault...

thanks!

[Shyam G]

Hi David,

Please let me know if you need further assistance on this.

Regards,
Shyam G

[David]

It's OK.

Last question... What is better? use addInfo or use custom node? 

[Shyam G]

Hi David,

It is better to use addInfo instead of custom Node (custom property by inheriting the node class) because it has some limitations as mentioned earlier. 

Regards,

Shyam G