Question

I have this JSON object that I am trying to create an html form based on its properties. How would I go about targeting multiple level to create the various fields, but then target deeper to get the details about the field. I am not set on this format either.

{
    "Controls": [{
        "Button":{
            "Name":{
                "ID":"Name",
                "FieldType":"Input"
            },
            "x":{
                "ID":"X",
                "FieldType":"Input"
            },
            "y":{
                "ID":"Y",
                "FieldType":"Input"
            },
            "width":{
                "ID":"Width",
                "FieldType":"Input"
            },
            "height":{
                "ID":"Height",
                "FieldType":"Input"
            },
            "Action":{
                "ID":"Action",
                "FieldType":"DropDown"
            }
        },

    }]
}

In the above example, all the fields except for ‘Action’ would be inputs and ‘Action would be a Dropdown.

Answer 1

You may want to look into jquery.dform plugin that does exactly what you want.