asp..net & jsonHTML

Question

i have json stored in hidden field of aspx page. [{Field_Control_Id:txtNameField_Control_Type:TextBoxField_Height:40Field_Name:NameField_Width:60Field_XPos:100Field_YPos:200}{Field_Control_Id:txtAddressField_Control_Type:TextBoxField_Height:20Field_Name:AddressField_Width:300Field_XPos:200Field_YPos:300}{Field_Control_Id:txtDateOfBirthField_Control_Type:DropDownListField_Height:50Field_Name:DOBField_Width:250Field_XPos:350Field_YPos:450}] what i want is a html page should be created based on data in json i.e. if its textBox with controlid txtname then a textbox(input type ... ) should be created in html with id txtname and same for all other data present and then that html should be rendered into panel in aspx page. how can i do this. what should be approach?

Kalai · Answer

Add Newtonsoft.Json.Linq dll and use the below code. json.aspx ========== json.aspx.cs ============ using Newtonsoft.Json.Linq; protected void Page_Load(object sender EventArgs e) { string HiddenField = HF.Value; if(!string.IsNullOrEmpty(HiddenField)) { string[] arr = new string[10]; arr = HiddenField.Split(new string[] { } } StringSplitOptions.None); TextBox[] textBoxes = new TextBox[10]; Label[] labels = new Label[10]; DropDownList[] DropDownList = new DropDownList[10]; if (arr.Count() > 0) { for (int i = 0; i { string val = string.Empty; if (i == arr.Count() - 1) { val = arr[i].ToString(); } else { val = arr[i].ToString() + }; } dynamic stuff = JObject.Parse(val); string id = stuff.Field_Control_Id; string type = stuff.Field_Control_Type; string name = stuff.Field_Name; labels[i] = new Label(); labels[i].Text = name; labels[i].Attributes.Add(runat server); p1.Controls.Add(labels[i]); if (type == TextBox) { textBoxes[i] = new TextBox(); textBoxes[i].ID = id; textBoxes[i].Attributes.Add(runat server); p1.Controls.Add(textBoxes[i]); } if (type == DropDownList) { DropDownList[i] = new DropDownList(); DropDownList[i].ID = id; DropDownList[i].Attributes.Add(runat server); p1.Controls.Add(DropDownList[i]); } } } } }