Question

I am trying to adhere to the naming conventions in JavaScript as well as in C#. This leads to interesting issues when passing JSONized data back and forth. When I access an x/y coordinate client-side I expect the property to be lowercase, but server-side it is uppercase.

Observe:

public class ComponentDiagramPolygon
{
    public List<System.Drawing.Point> Vertices { get; set; }

    public ComponentDiagramPolygon()
    {
        Vertices = new List<System.Drawing.Point>();
    }
}

public JsonResult VerticesToJsonPolygon(int componentID)
{
    PlanViewComponent planViewComponent = PlanViewServices.GetComponentsForPlanView(componentID, SessionManager.Default.User.UserName, "image/png");
    ComponentDiagram componentDiagram = new ComponentDiagram();

    componentDiagram.LoadComponent(planViewComponent, Guid.NewGuid());

    List<ComponentDiagramPolygon> polygons = new List<ComponentDiagramPolygon>();

    if (componentDiagram.ComponentVertices.Any())
    {
        ComponentDiagramPolygon polygon = new ComponentDiagramPolygon();
        componentDiagram.ComponentVertices.ForEach(vertice => polygon.Vertices.Add(vertice));
        polygons.Add(polygon);
    }

    return Json(polygons, JsonRequestBehavior.AllowGet);
}

I understand that if I am able to use the C# attribute ‘JsonProperty’ to customize naming conventions. Yet, as far as I can tell, this is only applicable to classes which I am owner of.

How may I change System.Drawing.Point’s properties when passing back to the client?

Answer 1

You can cheat, by projecting into a new anonymous type:

var projected = polygons.Select(p => new { Vertices = p.Vertices.Select(v => new { x = v.X, y = v.Y }) });

return Json(projected, JsonRequestBehavior.AllowGet);